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