当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JavaScript连载1-基本简介(组成、关系、表示形式等)

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

2020年03月30日  | 移动技术网IT编程  | 我要评论

一、概览

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

 

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网