javascript select2.js 动态添加_初识JavaScript

weixin_39735166

于 2020-11-25 17:01:21 发布

阅读量369

点赞数

文章标签： javascript select2.js 动态添加 javascript读取文件 mac主流程中发生javascript错误

一、什么是JavaScript

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。

JavaScript的标准是ECMAScript 。截至 2012 年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为ECMAScript 2015，但通常被称为ECMAScript 6 或者ES6。

二、JavaScript的特点

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1、是一种解释性脚本语言（代码不进行预编译）。

2、主要用来向HTML页面添加交互行为。

3、可以直接嵌入HTML页面，也可写成单独的js文件

4、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如 Windows、Linux、Mac、Android、iOS等）。

5、Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。

三、JavaScript的用途

1、JavaScript 可以将动态的文本放入 HTML 页面

类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面：document.write("<h1>" + name + "</h1>")；

2、JavaScript 可以对事件作出响应

可以将 JavaScript 设置为当某事件发生时才会被执行，例如页面载入完成或者当用户点击某个 HTML 元素时。

3、JavaScript 可以读写 HTML 元素

JavaScript 可以读取及改变 HTML 元素的内容。

4、JavaScript 可被用来验证数据

在数据被提交到服务器之前，JavaScript 可被用来验证这些数据。

5、JavaScript 可被用来检测访问者的浏览器

JavaScript 可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。

6、JavaScript 可被用来操作cookies

JavaScript 可被用来存储和取回位于访问者的计算机中的信息。

四、第一个JS程序

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            //document.write表示向文档中写入一段内容
            document.write("Hello World!");      
        </script>
    </head>
    <body>
    </body>
</html>

运行效果如下：

五、JS代码规范

1、JavaScript脚本程序在HTML文件中执行；

2、JavaScript程序要写在<script></script>标签块内部；

3、JavaScript区分大小写；

4、每行写一条语句；

5、文本内容要放到英文双引号里头；

6、语句末尾需要加分号，表示这一行语句(代码)的结束；

六、js的三种引用方式

js的三种引用方式非常类似于CSS的三种使用方式：行内JS、内部JS、外部JS。

1、行内JS

在页面上放置一个超链接，一个按钮，当点击任意一个html元素时，弹窗显示 Hello world。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <a href="javascript:alert('Hello World！')">
            弹出窗口
        </a>

        <input type="button" value="弹出窗口" onclick="alert('hello world！')" />
    </body>
</html>

2、内部JS（推荐写在Body的底部）

在页面上放置一个按钮，当点击任意按钮时，弹窗显示 Hello world。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
   </head>
    <body>
        <!-- onclick="btn_Click()"给按钮添加点击事件 -->
        <input type="button" value="弹出窗口" onclick="btn_Click()" />
            
        <script type="text/javascript">
            //定义按钮点击事件
            function btn_Click(){
                //弹出提示框
                alert("hello world！");
            }
</script>
    </body>
</html>

3、外部JS

我们也可以在外部定义JS文件，然后在HTML中使用<script>标签将JS文件引入HTML页面中。

创建test.js文件：

将test.js文件引入HTML页面：

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <!-- 引入外部JS文件 -->
        <script type="text/javascript" src="js/test.js" ></script>
    </head>
    <body>
        <input type="button" value="弹出窗口" onclick="btn_Click()" />
    </body>
</html>

更多文章请关注微信公众号：IT鸡窝