javascript select2.js 动态添加_初识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鸡窝