3.JavaScript学习笔记

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) 返回带有指定标签名的对象的集合。

你可能感兴趣的:(3.JavaScript学习笔记)