欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript连载1-基本简介(组成、关系、表示形式等)

程序员文章站 2022-06-22 08:52:15
一、概览 1.JavaScript是前端开发的一门脚本语言(解释性语言) 2.解释型语言的代表:(1)Python;(2)JavaScript;(3)PHP;(4)Ruby; 3.编译型语言:程序执行之前需要一个专门的编译过程,把程序编译成为机器怨言的文件,比如:exe\jar文件;例如:C/C++ ......

一、概览

1.javascript是前端开发的一门脚本语言(解释性语言)

2.解释型语言的代表:(1)python;(2)javascript;(3)php;(4)ruby;

3.编译型语言:程序执行之前需要一个专门的编译过程,把程序编译成为机器怨言的文件,比如:exe\jar文件;例如:c/c++,pascal,swift,object-c

比如:*.c/*.cpp编译成为*.obj文件,然后“链接“机器语言

4.总结:(1)编译型语言由于程序执行速度快,在同等条件下对系统的要求较低,因此像开发操作系统、大型应用程序、数据库系统等都会采用它

(2)解释型语言的跨平台行好,一些网页脚本、服务器脚本及其辅助开发接口这样的对速度要求不高,对不同系统平台的兼容性有一定的要求的程序都是使用解释性语言。例如:网页上一个控件

(3)javascript是一门高级解释型语言

5.前世今生

(1)起源于netscapt公司的livescript语言、后来改名了,就是为了增加能够与用户的交互功能。

6.javascript的应用场景

多元化场景:网页特效、移动端开发(rn\weex)、服务端开发(node.js)、命令行工具(node.js)、物联网与人工智能(ruff)、游戏开发(cocos2d-js)

7.javascript的组成

(1)ecmascript:是ecma制定的脚本语言的标准,规定了一种脚本语言的标准,规定了一种语言实现应该包含的基本内容;javascript是脚本语言,所以必须遵守ecmascript标准,包好ecmascript标准规定的基本内容

(2)bom:浏览器对象模型,比如:弹出框、控制浏览器跳转、获取分辨率等;

(3)dom:文档对象模型,可以把html看作是文档树,通过dom提供的api可以对树上的节点进行操作。

8.js\html\css之间的关系

(1)html:提供了网页的结构、以及网页中的内容;

(2)css:美化网页、2d/3d过滤、动画等;

(3)js:控制网页内容,给网页增加动态效果。

9.javascript有三种书写格式

(1)行内js;(2)页内js;

注意点:

i.<script></script>标签中的js代码一般是写在文档的尾部的;

ii.网页时从上至下加载而js代码通常是给标签添加交互(操作元素),所以需要先加载html,否则如果执行js代码时html还未被加载,那么js代码将无法添加交互(操作元素);

iii.如果脚本比较大,页面的下载和渲染

(3)外链式

 

<!doctype html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <title>d1_threewritingformat</title>

</head>

<body>

    <button onclick="alert('点我了');">点我</button><!--行内javascript的形式-->

    <a href="javascript:alert('点我了');">点我</a>

​

    <script>

        alert("哈哈哈!");<!--页内js,写在body里面可以,head里面也可以,最好是写在尾部-->

</script>

    <script>

        window.onload = function () {

            alert("ahahhhah");

        }

</script>

    <!--引入外部的js-->

    <script src="d1_index.js"></script>

</body>

</html>

 

 

 

window.onload = function () {

    alert("外链式");

}

JavaScript连载1-基本简介(组成、关系、表示形式等)

 

 JavaScript连载1-基本简介(组成、关系、表示形式等)

 

 JavaScript连载1-基本简介(组成、关系、表示形式等)

 

 JavaScript连载1-基本简介(组成、关系、表示形式等)

 

 JavaScript连载1-基本简介(组成、关系、表示形式等)

 

 JavaScript连载1-基本简介(组成、关系、表示形式等)

 

 

 

​说明:window.onload的外部引用​优先级高,且只会调用一次。​

 

三、源码:

d1_threewritingformat.html

d1_index.js

地址:

https://github.com/ruigege66/javascript/blob/master/d1_threewritingformat.html

https://github.com/ruigege66/javascript/blob/master/d1_index.js

2.csdn:https://blog.csdn.net/weixin_44630050

3.博客园:https://www.cnblogs.com/ruigege0000/

4.欢迎关注微信公众号:傅里叶变换,个人账号,仅用于技术交流,后台回复“礼包”获取java大数据学习视频礼包

 JavaScript连载1-基本简介(组成、关系、表示形式等)