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

一、概览

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

}

 

 

 

 

 

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

 

猜你喜欢

转载自www.cnblogs.com/ruigege0000/p/12596125.html