var方法

目录 前端之BOM和DOM 1. 简介 2. windows对象 2.1 特点 3. windows的子对象 3.1 navigator对象（了解） 3.2 screen对象（了解） 3.3 location对象 3.4 弹出框 3.4.1 警告框 3.4.2 确认框（了解） 3.4.3 提示框（了解即可） 3.5 计时 3.5.1 setTimeout() 3.5.2 clearTimeout() 3.5.3 setInterval() 3.5.4 clearInterval() 4. DOM 4.1 HTML DOM 树 4.2 查找标签 4.2.1 直接查找 4.2.2 间接查找 4.3 节点操作 4.3.1 创建节点 4.3.2 添加节点 4.3.3 删除节点 4.3.4 替换节点 4.3.5 属性节点 4.3.6 获取值操作 4.3.7 class的操作 4.3.8 指定CSS操作 4.4 事件 4.4.1 常用事件 4.4.2 绑定方式 4.5 window.onload 前端之BOM和DOM 1. 简介 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM

Script标签内写代码 <script> // 在这里写你的JS代码 </script> 引入额外的JS文件 <script src="myscript.js"></script> 1 | 4JavaScript语言规范 注释（注释是代码之母） // 这是单行注释 /* 这是 多行注释 */ 结束符 JavaScript中的语句要以分号（;）为结束符。 1 | 5JavaScript语言基础 变量声明 JavaScript的变量名可以使用_，数字，字母，$组成，不能以数字开头。 声明变量使用 var 变量名; 的格式来进行声明 var name = "Alex"; var age = 18; 注意： 变量名是区分大小写的。 推荐使用驼峰式命名规则。 保留字不能用做变量名。 补充： ES6新增了let命令，用于声明变量。其用法类似于var，但是所声明的变量只在let命令所在的代码块内有效。例如：for循环的计数器就很适合使用let命令。 for (let i=0;i<arr.length;i++){...} ES6新增const用来声明常量。一旦声明，其值就不能改变。 const PI = 3.1415; PI // 3.1415 PI = 3 // TypeError: "PI" is read-only 1 | 6JavaScript数据类型 JavaScript拥有动态类型

前端(4)BOM与DOM I/O前戏 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。 1|1window对象： 所有浏览器都支持 window 对象。它表示浏览器窗口。 *如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 *没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。 所有 JavaScript 全局对象

前端之JavaScript JavaScript引入方式 Script标签内写代码 <script>// 在这里写代码//</script> 引入额外的JS文件 <script> src="myscript.js"</script> JavaScript语言规范 注释 // 这是单行注释 /* 这是 多行注释 */ 结束符 JavaScript中的语句要以分号(;)为结束符 JavaScript语言基础 变量声明 JavaScript的变量名可以使用_,数字, 字母,$组成, 但是不能以数字开头. 声明变量使用 var变量名 ;的格式来进行声明 var name = 'Kang'; var age = 18 注意: 变量名是区分大小写的. 推荐使用驼峰式命名规则. 保留字不能用作变量名 也可以使用let命令来声明变量,但是声明的变量只在let命令所在的代码块内有效. for循环的计数器就很适合let命令. for (let i=0;i<arr.length;i++){...} 也可以使用const来声明常量, 一旦声明, 其值就不能改变. const PI = 3.1415; PI // 3.1415 PI = 3 //TypeError: "PI" is read-only JavaScript数据类型 JavaScript拥有动态类型 var x; /

目录 一、JavaScript概述 1.1 ECMAScript和JavaScript的关系 1.2 ECMAScript的历史 二、JavaScript引入方式 Script标签内写代码 引入额外的JS文件 三、JavaScript语言规范 3.1 JavaScript语言基础 变量声明 3.2 JavaScript数据类型 数值(Number) 字符串(String) 布尔值(Boolean) null和undefined 对象(Object) forEach() splice() map() 类型查询 3.3 运算符 算数运算符 比较运算符 逻辑运算符 赋值运算符 3.4 流程控制 if-else if-else if-else switch for while 三元运算 3.5 函数 函数定义 函数中的arguments参数 函数的全局变量和局部变量 作用域 3.6 词法分析（尝试理解） 3.7 内置对象和方法 自定义对象 Date对象 JSON对象 RegExp对象 Math对象 一、JavaScript概述 1.1 ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA

目录 背景 一、BOM 1.1 window对象 1.2 window的子对象 navigator对象（了解即可） screen对象（了解即可） history对象（了解即可） location对象 弹出框 计时相关 二、DOM 2.1 HTML DOM树 2.2 查找标签 直接查找 间接查找 2.3 节点操作 创建节点 添加节点 删除节点： 替换节点： 属性节点 获取值操作 class的操作 指定CSS操作 2.4 事件 常用事件 绑定方式： 2.5 window.onload 背景 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如

util.js function isPhone(value) { if (!/^1(3|4|5|7|8)\d{9}$/.test(value)) { return false } else { return true } } //验证码六位数校验 function isSixNum(value) { if (!/^\d{6}$/.test(value)) { return false } else { return true } } //身份证号不严格校验 function isCard(value) { if (!/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value)) { return false } else { return true } } //身份证号严格校验 function IdentityIDCard (code) { //身份证号前两位代表区域 var city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江 ", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42: "湖北

var obj1 = { name: 'shaanxi', get nameGet() { return this.name + 'a'; }, set nameSet(name) { this.name = name; } }; console.info(obj1.nameGet); //shaanxia obj1.nameSet = 'set by set keywords'; console.info(obj1.nameGet); //set by set keywordsa 第一种方式， 直接在对象内设置。 如代码所示。 var obj2 = { name: 'shaanxi' }; obj2.__defineGetter__('nameGet', function() { return this.name; }); obj2.__defineSetter__('nameSet', function( name) { this.name = name; }); var ref1 = obj2.__lookupGetter__('nameGet'); var ref2 = obj2.__lookupSetter__('nameSet'); console.info(obj2.nameGet); //shaanxi obj2.nameSet = 'set by _

1|1ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。 该标准一开始就是针对JavaScript语言制定的，但是没有称其为JavaScript，有两个方面的原因。一是商标，JavaScript本身已被Netscape注册为商标。而是想体现这门语言的制定者是ECMA，而不是Netscape，这样有利于保证这门语言的开发性和中立性。 因此ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。 1|2ECMAScript的历史 年份 名称 描述 1997 ECMAScript 1 第一个版本 1998 ECMAScript 2 版本变更 1999 ECMAScript 3 添加正则表达式 添加try/catch ECMAScript 4 没有发布 2009 ECMAScript 5 添加"strict mode"严格模式 添加JSON支持 2011 ECMAScript 5.1 版本变更 2015 ECMAScript 6 添加类和模块

JavaScript语法 一、特点 ​ JavaScript是一种脚本语言；是一种轻量级的编程语言；是可插入 HTML 页面的编程代码；插入 HTML 页面后，可由所有的现代浏览器执行；很容易学习。 二、JavaScript引入方式 ​ Script标签内写法： <script>// 代码 </script> ​ 引入新的JS文件： <script src="myscript.js"></script> 三、JS语言规范 ​ 注释：// ——>单行注释；/* */ ——>多行注释 ​ 结束符：JavaScript中的语句要以分号（;）为结束符。 ​ JavaScript的变量名可以使用_，数字，字母，$组成，不能以数字开头。 ​ 声明变量使用 “var 变量名” 的格式来进行声明 var name = "taizi"; var age = 2; ​ 注意： ​ 1.变量名是区分大小写的。 ​ 2.推荐使用驼峰式命名规则。 ​ 3.保留字不能用做变量名。 ​ ES6新增了let命令，用于声明变量。其用法类似于var，但是所声明的变量只在let命令所在的代码块内有效。例如：for循环的计数器就很适合使用let命令。 for (let i=0;i<arr.length;i++){...} ​ ES6新增const用来声明常量。一旦声明，其值就不能改变。 const ID = 1; IP