什么是JavaScript
JavaScript是一种描述性语言，也是一种基于对象和事件驱动的，并具有安全性的脚本语言，具有安全性能的脚本语言。它与HTML (超文本标记语言)一起，在一个Web页面中链接多个对象，与Web客户实现交互。无论在客户端还是在服务器端， JavaScript 应用程序都要下载到浏览器的客户端执行，从而减轻了服务器端的负担。
总结其特点如下：
- JavaScript主要用来在HTML页面中添加交互行为。
- JavaScript是一种脚本语言，语法和Java类似。
- JavaScript一般用来编写客户端的脚本。
- JavaScript是一种解释性语言，边执行边解释。
JavaScript的组成
Java Script的三个主要组成部分是：ECMAScript(核心)，DOM（文档对象模型），BOM（浏览器对象模型）。
1. ECMAScript标准
ECMAScript是一种开放的、被国际上广为接受的、标准的脚本语言规范。它不与任何具体的浏览器绑定。
ECMAScripl是一个描述，规定了脚本语言的所有属性、方法和对象的标准，因此在使用Web客户端脚本语言编码时定要遵循 ECMAScripr 标准。
2. 浏览器对象模型
浏览器对象模型(Browser Object Model, BOM)，提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互，如网上常见的弹出窗口、前进后退等功能都是浏览器对象控制的。
3. 文档对象模型
文档对象模型(Document Object Model, DOM)， 是HTML文档对象模型(HTML DOM)定义的一套标准方法，用来访问和操纵HTML文档，如网上商城常见的随鼠标移动显示大的图片、弹出小提示等都是文档对象的功劳。
JavaScript的基本结构
1. JavaScript的基本结构：
<script type="text/Javascript">
JavaScript语句;
</script >
其中type是<script>标签的属性，用于指定文本使用的语言类别为text/JavaScript
2. JavaScript的执行原理：
-
浏览器客户端向服务器端发送请求:一个用户在浏览器的地址栏中输入要访问的页面(页 面中包含JavaScript 程序)
-
数据处理:服务器端将某个包含JavaScript的页面进行处理。
-
发送响应:服务器端将含有JavaScript的HTML文件处理页面发送到浏览器客户端，然后由浏览器客户端从上至下逐条解析HTML标签和JavaScript,并将页面效果呈现给用户。
在网页中引用JavaScript的方式
1. 内部JavaScript文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>初学JavaScript</title>
</head>
<body>
<script type="text/javascript">
document.write("初学JavaScript");
</script>
</body>
</html>
2. 使用外部JavaScript文件
export.js文件代码
document.write("初学JavaScript");
beginner.html页面代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>初学JavaScript</title>
</head>
<body>
<script type="text/javascript" src="../js/ export.js"></script>
</body>
</html>
3. 直接在HTML标签中
<input name="btn" type="button" value="弹出消息框"
onclick="javascript:alert("欢迎你");" />
三种方式的应用场合
-
内部JavaScript文件适用于JavaScript 特效代码量少，仅用于单个页面
-
外部js文件则适用于代码较多，重复应用于多个页面。
-
直接在标签中写JavaScript则适合于极少代码，仅用于当前标签，但是这种方式增加了HTML代码，因此这种方式在实际开发中应用较少。
JavaScript核心语法
1. 变量的声明和赋值
语法：
var 合法的变量名；
注意：JavaScript区分大小写，所以大小写不同的变量名表示不同的变量。另外JavaScript是一种弱类型语言，因此允许不声明变量而直接使用，系统将会自动声明该变量。
2. 基本数据类型
undefined(未定义类型)
null(空类型)
number(数值类型)
String(字符串类型)
boolean(布尔类型)
undefined类型只有一个值，即undefined。当声明的变量未初始化时，该变量的默认值是undefined。
typeof
ECMAScript提供了typeof 运算符来判断一个值或变量究竟属于哪种数据类型
语法：
typeof (变量或值)
3. 数组
创建数组
语法：
var 数组名称 = new Array(size)；
4. 常用的输入/输出
语法：
警告(alert)
此方法会创建一个特殊的小对话框，该对话框带有一个字符串和一个"确定"按钮。
提示(prompt)
语法：
prompt(“提示信息”，“输入框的默认信息”)；
prompt()方法会弹出一个提示对话框，等待用户输入一行数据。如果用户单击"取消"按钮或直接关闭提示对话框，则该方法将返回null；如果用户单击"确定"按钮，则该方法返回一个字符串型数据。
JavaScript函数
1. parseInt()
parseInt()函数可解析一个字符串，并返回一个整数。
语法：
parseInt(“字符串”)；
2. parseFloat()
parseFloat()函数可解析一个字符串， 并返回一个浮点数。
语法：
parseFloat(“字符串”)；
3. isNan()
isNan()函数用于检查其参数是否是非数字
语法：
isNaN(x)
如果x是特殊的非数字值，则返回值是true，否则返回false。
JavaScript自定义函数
1. 定义函数
语法：
function 函数名 (参数1，参数2，参数3，…){
//JavaScript语句；
[return 返回值]
}
2. 调用函数
语法：
事件名 = “函数名()”；
JavaScript常用事件
扫一扫
8823
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
