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大数据学习视频礼包
上一篇: vue计算属性+vue中class与style绑定
下一篇: asp.net的下载方式