JavaScript只是一种运行于客户端,可以被客户端浏览器解析的一段代码。它和java没有任何关系。JavaScript简称JS。jQuery是对JS的一个封装
2 JS常用的数据类型
Undefined(未命名类型)
Number
String
Boolean
Null
object
3.接收用户输入信息
Var num=Prompt(“系统提示信息” ,”默认值”)
4.在页面中使用js的三种方式
<head>
<title></title>
<script src="js/jquery-1.11.1(uncompress).js" type="text/javascript"></script>
<script type="text/javascript">
//alert('aa');
</script>
</head>
<body>
<input type="button" value="提交" onclick="javascript:alert('aa');"/>
</body>
</html>
5 在js中定义任何变量的类型都是var开头
6 什么是JavaScript(解释执行/编译执行)
JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性能的脚本语言。
JavaScript语言的特点:
01.JavaScript主要用来向HTML页面中添加交互行为。
02.JavaScript是一种脚本语言,语法和Java相似。
03.JavaScript一般用来编写客户端的脚本。
04.JavaScript是一种解释型语言,边执行边解释。
03.JavaScript发展史与ECMAScript的关系
简而言之,ECMAScript是一种脚本语言的标准,JavaScript语言就是遵循ECMAScript标准的一种实现。
04.JavaScript的组成
尽管ECMAScript是一个重要的标准,但它并不是JavaScript的唯一部分。当然,它也不是唯一被标准化的部分
JavaScript组成如下:
ECMAScript
ECMAScript:是一种开放的、国际上广为接受的、标准的脚本语言规范。它不与任何具体的浏览器绑定。ECMAScript标准主要描述了以下内容。
01.语法
02.变量和数据类型
03.运算符
04.逻辑控制语句
05.关键字、保留字
06.对象
浏览器对象模型(BOM)
浏览器对象模型(Browser Object Model,BOM),提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。
文档对象模型(DOM)
文档对象模型(Document Object Model,DOM),是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操纵HTML文档。
在网页中引用JavaScript的方式
方式一:使用Script标签
方式二:使用外部JavaScript文件
方式三:直接在HTML标签中。
外加一个object
课堂案例:
<script type="text/javascript">
var width, height = 10, name = 'rose';
var date = new Date();
var arr = new Array();//定义数组
document.write("width::" + typeof (width)+ "<br/>");
document.write("height::" + typeof (height)+ "<br/>");
document.write("name::" + typeof (name)+ "<br/>");
document.write("date::" + typeof (date)+ "<br/>");
document.write("arr::" + typeof (arr)+ "<br/>");
document.write("true::" + typeof (true)+ "<br/>");
document.write("null::" + typeof (null)+ "<br/>");
</script>
输出结果如下:
1.创建数组
语法:var 数组名称=new Array(size);
2.为元素赋值
方式一:
Var fruit=new Array(“apple”,”orange”,”peach”,”bananer”);
//经验:如果有些人不小心将上述语法中的小括号写成了中括号。就是造成
//数组是undefined.
方式二:下标方式
Var fruit=new Array(4);
Fruit[0]=”apple”;
方式三:直接用[]
Var fruit=[“apple”,”orange”,”peach”,”bananer”];
3.访问数组元素
通过下标访问即可。
4.数组的常用属性和方法
数组是JS中的一个对象,它有一组属性和方法
课堂案例:
document.write("数组的常用属性length<br/>");
var arr = ["李小龙", "张靓颖", "巩俐"];
for (var i = 0;i < arr.length;i++) {
document.write(arr[i]+"\t");
}
document.write("<br/>");
document.write("join方法的使用<br/>");
document.write(arr.join("_"));
document.write("<br/>");
document.write("for in语法<br/>");
for (var item in arr) {
document.write(arr[item]+"\t");
}
document.write("<br/>");
//以下是sort方法:
arr.sort();
document.write("排序后----------------<br/>");
for (var item in arr) {
document.write(arr[item]+ "\t");
}
document.write("<br/>");
arr.push("aa","bb");
document.write("调用push方法后---------------------<br/>");
for (var item in arr) {
document.write(arr[item]+ "\t");
}
输出结果:
13.注释
Js中单行注释://
JS中多行注释: /**/
14.程序调试
方案一:在VS中调试
步骤:01.将要调试的页面设置成起始页
02.设置断点
03.按F5启动调试
方案二:chrome浏览器调试
步骤:01.点击F12,将工具调出
02.设置断点
03.刷新页面
方案三:IE浏览器
步骤:01.F12,开发人员工具
02.切到脚本选项卡