JS知识点概况
1、什么是JavaScript
a) JavaScript 被设计用来向 HTML 页面添加交互行为。
b) JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
c) JavaScript 由数行可执行计算机代码组成。
d) JavaScript 通常被直接嵌入 HTML 页面。
e) JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。
f) 所有的人无需购买许可证均可使用 JavaScript。
2、JavaScript能做什么
JavaScript 设计HTML网页.
JavaScript 动态文本
JavaScript 事件绑定及响应
JavaScript 可以读写 HTML 元素
JavaScript 表单校验
JavaScript 可被用来检测访问者的浏览器
JavaScript 可被用来创建 cookies
3、JavaScript注意事项
<script type="text/javascript"></script>
<script>两种用途：
1.引入外部js文件（总是使用js文件）。
2.内嵌js代码。
注意：一但<script>用于引入js文件，该标签内部的所有代码将永远不会执行。
<!DOCTYPE> <html> <head> <title>Demo 02</title> <meta charset="utf-8"/> <!--外部脚本--> <script type="text/javascript" src="js/my.js"> window.alert("永远不会执行!!!"); </script> </head> <body> </body> </html>
4、JavaScript变量
正如代数一样，JavaScript 变量用于保存值或表达式。
可以给变量起一个简短名称，比如 x，或者更有描述性的名称，比如 length。
JavaScript 变量也可以保存文本值，比如 carname="Volvo"。
变量的声明：
- 建议使用var关键字！(可省略，建议总是使用)
- 在函数内部（var关键字局部变量，不带var全局变量）
- 自动数据类型（运行时）
<!DOCTYPE> <html> <head> <title>Demo 04 变量</title> <meta charset="utf-8"/> <!--外部脚本--> <script type="text/javascript"> var k; var i = 100; //全局变量 window str = "Hello!"; //全局变量 window //自动数据类型！ alert(typeof(k)); // undefined alert(typeof(i)); alert(typeof(str)); function fun(){ var i = 100;//局部变量 fun str = "aaa";//全局变量 window } </script> </head> <body> </body> </html>
5、JavaScript变量的命名规则
1）变量对大小写敏感（Y和y是两个不同的变量）
2）变量必须以字母和下划线开始
注释：由于JavaScript对大小写敏感，变量名也对大小写敏感。
6、JavaScript函数
1）使用function关键字声明。不需要声明返回类型（自动数据类型）
2）默认被window加载为成为方法，不会自动执行。
<!DOCTYPE> <html> <head> <title>Demo 06 函数</title> <meta charset="utf-8"/> <!--外部脚本--> <script type="text/javascript"> alert("会自动执行!!"); function methodName(str){//window已加载，未执行 alert(typeof(str)); //ajax } //methodName("你好"); //var aaa = methodName("123123"); </script> </head> <body> <button onclick="methodName('你好')">触发function</button> </body> </html>
注意：传参以及返回数据类型的写法。
<!DOCTYPE> <html> <head> <title>Demo 01</title> <meta charset="utf-8"/> <script type="text/javascript"> //<script>两种用途：1.引入外部js文件（总是使用js文件）。2.内嵌js代码。 //注意：一但<script>用于引入js文件，该标签内部的所有代码将永远不会执行。 window.document.write("<b>window!</b><br/>"); document.write("<b>document!</b><br/>"); var i = 100; function fun(){ } //window.fun(); //所有的全局变量及全局方法均为window对象的成员。 </script> </head> <body> <br/> Hello World1! </body> </html>
