JavaScript

JS的概述
什么是JavaScript：
运行在浏览器端的脚本语言！
JavaScript是脚本语言。
JavaScript是一种轻量级的编程语言。
JavaScript是可插入HTML页面的编辑代码。
JavaScript插入HTML页面后，可由所有的现代浏览器执行
JS的基本语法
区分大小写
与java一样，变量，函数名，运算符以及其他一切东西都是区分大小写的。
比如：
变量test与变量TEST是不同的
数据类型：
JS将数据类型分成两类：
原始类型：

• undefined：未定义类型
• boolean:布尔类型
• number:数字类型
• string:字符或字符串.
• null：空
  引用类型：
  *对象类型。对象类型默认值是null。
  JS的运算符
  JS中的运算符与Java中基本一致
  JS中有一个===全等于。全等于是类型和值都一致的情况下才为true
  JS的通常开发的步骤
  JS通常都由一个事件触发：
  触发一个函数，定义一个函数：
  获得操作对象的控制权。
  修改要操作的对象的属性或值
  定义函数：
• function 函数名称（）{
  //函数体
  }
• window.function(){

}
常用事件：onclick：单击事件,ondblclick：双击事件,onmouseover:鼠标事件，onmouseout:鼠标移开事件，onload:页面加载
JS的引入方式：
通常两种方式：
一种：页面内直接编写JS代码，JS代码需要使用< script>< /script>
二种：将JS的代码编写到一个.js的文件中，在HTML中引入该JS代码即可
将JS的代码定义成一个文件引入

<script src="../js/check.js"></script>

获得页面中的元素

document.getElementById（）

正则的匹配
JS中两种匹配正则的方法

• 使用String对象中的match方法。
• 使用正则对象中的test方法

var email = document.getElementById("email").value;
				if(!/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(email)){
					alert("邮箱格式不正确！");
					return false;
				}

HTML的Window对象

• setInterval():每隔多少毫秒执行某个表达式

setInterval("change()",5000)

• setTimeout()：隔多少毫秒执行一次该表达式

setTimeout("change()",5000)

clearInterval():取消由setInterval()设置的timeout.
clearTimeout():取消由setTimeout()方法设置的timeout.

实现效果：

<script>
			window.function(){
				//设置定时
				window.setInterval("changeImg()",5000);
			}
			var i=1;
			function changeImg(){
				i++;
				if(i>3){
					i=1;
				}
				var img1=document.getElementById("img1");
				img1.src="../img/"+i+".jpg"
				
			}
		</script>

CSS的显示和隐藏的属性
display

• block:显示元素
• none:隐藏元素
  广告定时显示案例

<script>
			var time;
			window.function(){
			time = window.setInterval("show()",5000);
			}
			//显示广告的方法
			function show(){
				//获得广告的div元素
				var addiv=document.getElementById("addiv");
				addiv.style.display="block";
				window.clearInterval(time);
				time=window.setInterval("hide()",5000);
			}
			function hide(){
				var addiv=document.getElementById("addiv");
				addiv.style.display="none";
				window.clearInterval(time);
			}
		</script>

JS中的BOM对象

window

• alert():弹出对话框
• setInterval():每隔多少毫秒执行某个表达式
• setTimeout()：隔多少毫秒执行一次该表达式
• clearInterval():
• clearTimeout():
• confirm():弹出一个确认窗口
• prompt():弹出一个可输入的对话框
  Navigator:包含的是浏览器的信息
  
  Screen:用来获得屏幕的信息
  
  History:浏览器的历史对象
  
  Location:包含URL信息的对象