JavaScript
概述:
是什么
JavaScript是网络的一种脚本语言,所谓的脚本语言:不能独立运行,必须嵌入到其他语言中执行,JavaScript是被浏览器解析执行的,不需要编译。
干什么
1.验证表单 2.修改css样式 3.修改页面的HTML元素 4.对事件作出响应
js组成
1.EcmaScript: js语法,js基本对象
2.Bom:browser object model (浏览器对象模型:控制浏览器的窗口,地址栏,前进,后退)
3.DOM:document object model (文档对象模型:HTML文档)
怎么使用JavaScript
1. 在本页面使用,通过内嵌入的方法编写2.通过src引入
二、JavaScript语法规则(ECMAscript)
JavaScript语法规则——基本数据类型
String Boolean Number Null Undefined
JavaScript区别于java,是弱类型语言,变量的使用不用严格遵循规范,所以一个变量声明好之后,是可以赋予任意类型的值。
判断变量属于哪种基本类型可以用
typeof运算符alert(typeof s); typeof函数 alert(typeof(s));
JavaScript语法规则——引用数据类型
引用类型通常叫做类(class),但在JavaScript中,因为不存在编译过程,所以没有类的概念,所处理的引用类型都是对象。
var str = new String();
JavaScript语法规则——正则对象
直接量方式:/^正则表达式$/。
var reg = /^\s*$/;reg.test(“aabc”); //false;
这是一个正则对象,不是一个字符串,使用这种对象的test(string)方法,返回值为true表示符合规则,使用直接量方式验证的时候只要有一个字符不符合正则规则,test(string)方法就返回false,适用于表单校验。
var reg = /^正则$/; //全部匹配才返回true ,适用于表单验证
var reg = /正则/ ; //只有有一个字符符合规则就返回true , 适合字符串查找和替换
JavaScript语法规则——数组对象
var arr = [];
长度可变,可存储任意类型的数据。
方法:
arr.lenth获取长度 arr.pop删除最后面的元素并返回 arr.push在后面添加元素
arr.join 返回一个字符串 arr.reverse将数组元素反转
JavaScript语法规则——全局函数
全局属性和函数可用于所有内建的JavaScript对象。
常用的全局函数:
1. eval()函数可计算某个字符串,并执行其中的的 JavaScript 代码。
2. decodeURI()函数可对 encodeURI() 函数编码过的 URI 进行解码。
3. parseInt()函数可解析一个字符串,并返回一个整数。
4. isNaN()来判断一个值是否是数字。原因是 NaN 与所有值都不相等,包括它自己。
JavaScript语法规则——自定义函数
function函数名(var1,var2,...,varX)
{
代码...
}
var1, var2等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。注意:无参数的函数必须在其函数名后加括号。
①JavaScript属于弱类型语言,变量申明都是使用var关键字,所以返回值类型和参数类型不需要var。如果使用var,那么执行的时候还会出错,这是语法规定。如果需要返回结果,直接使用return关键字返回就行了。②对于同名的函数,不存在重载,只有覆盖,保留最后一个函数。③调用一个函数,只看函数名,不考虑参数的数量,即使函数2个参数,但你调用该函数时没有传参数那也没关系。
JavaScript语法规则——自定义对象
var obj = {}; //obj也是一个对象
obj.name = "jack";
obj.age = 20;
alert(obj.name + "..." + obj.age);
var arr = [];创建数组 var obj = {};创建对象
三、BOM(browser object model)
浏览器对象模型。用来和浏览器打交道的,并且可以获取浏览器的相关信息。
Window对象
Window对象表示浏览器中打开的窗口。Window 对象是全局对象,可以把那个窗口的属性作为全局变量来使用。例如,可以只写 document,而不必写 window.document。同样,可以把当前窗口对象的方法当作函数来使用,如只写 alert(),而不必写 Window.alert()。
常用方法:
alert(message)方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
confirm(message)方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。
setInterval(code,millisec[,"lang"]) 可按照指定的周期(以毫秒计)来调用函数或计算表达式,直到clearInterval()被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
Location对象
Location对象包含有关当前 URL 的信息。表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性存放的是文档的完整 URL,其他属性则分别描述了 URL 的各个部分。
location.href=URL
Location对象的 reload() 方法可以重新装载当前文档,replace() 可以装载一个新文档而无须为它创建一个新的历史记录,也就是说,在浏览器的历史列表中,新文档将替换当前文档。
History对象
history.go(number|URL) 可加载历史列表中的某个具体的页面。
[if !supportLists]四、[endif]DOM(document object model)
整个html文档被加载到内存中会形成一棵DOM树,产生一个DOM对象叫document。每个标签、文本、属性都会被封装成DOM树的节点对象,细分分别叫元素节点、文本节点、属性节点,但都称为节点。各节点之间的关系有父子节点关系,还有兄弟节点关系。
常用方法
document.getElementById(id) 返回对拥有指定ID的第一个对象的引用
document.getElementsByName(name) 返回带有指定名称的对象的集合。
document.getElementsByTagName(tagname) 返回带有指定标签名的对象的集合。