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

时间 2020-03-30

标签 javascript 连载基本简介组成关系表示形式栏目 JavaScript 繁體版

原文原文链接

1、概览javascript

1.JavaScript是前端开发的一门脚本语言（解释性语言）html

2.解释型语言的表明：（1）Python;（2）JavaScript;（3）PHP;（4）Ruby;前端

3.编译型语言：程序执行以前须要一个专门的编译过程，把程序编译成为机器怨言的文件，好比：exe\jar文件；例如：C/C++,Pascal,Swift,Object-cjava

好比：*.c/*.cpp编译成为*.obj文件，而后“连接“机器语言git

4.总结：（1）编译型语言因为程序执行速度快，在同等条件下对系统的要求较低，所以像开发操做系统、大型应用程序、数据库系统等都会采用它github

（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("外链式");

}

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

3、源码：

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大数据学习视频礼包