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

最新推荐文章于 2024-09-22 15:10:47 发布

睿里睿气

最新推荐文章于 2024-09-22 15:10:47 发布

阅读量128

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44630050/article/details/105190304

版权

JavaScript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

一、概览
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.标签中的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("外链式");
}

1.1
1.2
1.3
1.4
说明：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大数据学习视频礼包
1.5