1511冒泡
摘要：<style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; /* * 开启box1的绝对定位 */ position: absolute; } </style> <script type="te
阅读全文
摘要：<style type="text/css"> #box1{ width: 200px; height: 200px; background-color: yellowgreen; } #s1{ background-color: yellow; } </style> <script type="t
阅读全文
摘要：<style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; /* * 开启box1的绝对定位 */ position: absolute; } </style> <script type="te
阅读全文
摘要：<style type="text/css"> #areaDiv { border: 1px solid black; width: 300px; height: 50px; margin-bottom: 10px; } #showMsg { border: 1px solid black; wid
阅读全文
摘要：<style type="text/css"> #info{ width: 300px; height: 500px; background-color: #bfa; overflow: auto; } </style> <script type="text/javascript"> window.
阅读全文
摘要：<style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; padding: 10px; border: 10px solid yellow; } #box2{ padding: 100px;
阅读全文
摘要：<style type="text/css"> #box1{ width: 100px; height: 100px; background-color: yellow; } </style> <script type="text/javascript"> window.onload = funct
阅读全文
摘要：<style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; } </style> <script type="text/javascript"> window.onload = function
阅读全文
摘要：window.onload = function(){ /* * 点击超链接以后，删除一个员工的信息 */ //获取所有额超链接 var allA = document.getElementsByTagName("a"); //为每个超链接都绑定一个单击响应函数 for(var i=0 ; i <
阅读全文
摘要：window.onload = function() { //创建一个"广州"节点,添加到#city下 myClick("btn01",function(){ //创建广州节点 <li>广州</li> //创建li元素节点 /* * document.createElement() * 可以用于创建
阅读全文
摘要：window.onload = function(){ //获取body标签 //var body = document.getElementsByTagName("body")[0]; /* * 在document中有一个属性body，它保存的是body的引用 */ var body = docu
阅读全文
摘要：<title>全选练习</title><script type="text/javascript"> window.onload = function(){ //获取四个多选框items var items = document.getElementsByName("items"); //获取全选/
阅读全文
摘要：* 定义一个函数，专门用来为指定元素绑定单击响应函数 * 参数： * idStr 要绑定单击响应函数的对象的id属性值 * fun 事件的回调函数，当单击元素时，该函数将会被触发 */ function myClick(idStr , fun){ var btn = document.getElem
阅读全文
摘要：<style type="text/css"> *{ margin: 0; padding: 0; } #outer{ width: 500px; margin: 50px auto; padding: 10px; background-color: greenyellow; /*设置文本居中*/
阅读全文
摘要：<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="styl
阅读全文
摘要：/* * 浏览器在加载一个页面时，是按照自上向下的顺序加载的， * 读取到一行就运行一行,如果将script标签写到页面的上边， * 在代码执行时，页面还没有加载，页面没有加载DOM对象也没有加载 * 会导致无法获取到DOM对象 */ /* * onload事件会在整个页面加载完成之后才触发 * 为
阅读全文
摘要：<!-- 我们可以在事件对应的属性中设置一些js代码， 这样当事件被触发时，这些代码将会执行 这种写法我们称为结构和行为耦合，不方便维护，不推荐使用 --> <!--<button id="btn" onmousemove="alert('讨厌，你点我干嘛！');">我是一个按钮</button>-
阅读全文
摘要：/* * 浏览器已经为我们提供 文档节点 对象这个对象是window属性 * 可以在页面中直接使用，文档节点代表的是整个网页 */ //console.log(document); //获取到button对象 var btn = document.getElementById("btn"); //修
阅读全文
摘要：/* * 电子邮件 * hello .nihao @ abc .com.cn * * 任意字母数字下划线 .任意字母数字下划线 @ 任意字母数字 .任意字母（2-5位） .任意字母（2-5位） * * \w{3,} (\.\w+)* @ [A-z0-9]+ (\.[A-z]{2,5}){1,2} *
阅读全文
摘要：/* * 检查一个字符串中是否含有 . * . 表示任意字符 * 在正则表达式中使用\作为转义字符 * \. 来表示. * \\ 表示\ * * 注意：使用构造函数时，由于它的参数是一个字符串，而\是字符串中转义字符， * 如果要使用\则需要使用\\来代替 */ var reg = /\./; re
阅读全文
摘要：* * 创建一个正则表达式检查一个字符串中是否含有aaa */ /* * 量词 * - 通过量词可以设置一个内容出现的次数 * - 量词只对它前边的一个内容起作用 * - {n} 正好出现n次 * - {m,n} 出现m-n次 * - {m,} m次以上 * - + 至少一个，相当于{1,} * -
阅读全文
摘要：var str = prompt("请输出任意的内容:"); //var arr = str.split(""); //arr.reverse(); //str = arr.join(""); str = str.split("").reverse().join(""); alert(str);
阅读全文
摘要：/* * split() * - 可以将一个字符串拆分为一个数组 * - 方法中可以传递一个正则表达式作为参数，这样方法将会根据正则表达式去拆分字符串 * - 这个方法即使不指定全局匹配，也会全都插分 */ /* * 根据任意字母来将字符串拆分 */ var result = str.split(/
阅读全文
摘要：/* * 使用字面量来创建正则表达式 * 语法：var 变量 = /正则表达式/匹配模式 * 使用字面量的方式创建更加简单 * 使用构造函数创建更加灵活 * */ //var reg = new RegExp("a","i"); var reg = /a/i; //console.log(typeo
阅读全文
摘要：正则表达式 * - admin@atguigu.com * - admin@.com adminatguigu.com * - 邮件的规则： * 1.前边可以是xxxx乱七八糟 * 2.跟着一个@ * 3.后边可以是xxxx乱七八糟 * 4..com获取其他的乱七八糟 * * - 正则表达式用于定义
阅读全文
摘要：//创建一个字符串 var str = "Hello Atguigu"; /* * 在底层字符串是以字符数组的形式保存的 * ["H","e","l"] */ /* * length属性 * - 可以用来获取字符串的长度 */ //console.log(str.length); //console
阅读全文
摘要：/* * 基本数据类型 * String Number Boolean Null Undefined * 引用数据类型 * Object * * 在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象 * String() * - 可以将基本数据类型字符串转换为Strin
阅读全文
摘要：* * Math * - Math和其他的对象不同，它不是一个构造函数， * 它属于一个工具类不用创建对象，它里边封装了数学运算相关的属性和方法 * - 比如 * Math.PI 表示的圆周率 */ //console.log(Math.PI); /* * abs()可以用来计算一个数的绝对值 */
阅读全文
摘要：Date对象 * - 在JS中使用Date对象来表示一个时间 */ //创建一个Date对象 //如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间 var d = new Date(); //创建一个指定的时间对象 //需要在构造函数中传递一个表示时间的字符串作为参数 //日期
阅读全文
摘要：在调用函数时，浏览器每次都会传递进两个隐含的参数： * 1.函数的上下文对象 this * 2.封装实参的对象 arguments * - arguments是一个类数组对象,它也可以通过索引来操作数据，也可以获取长度 * - 在调用函数时，我们所传递的实参都会在arguments中保存 * - a
阅读全文
摘要：function fun(a,b) { console.log("a = "+a); console.log("b = "+b); //alert(this); } var obj = { name: "obj", sayName:function(){ alert(this.name); } };
阅读全文
摘要：var arr = ["孙悟空","猪八戒","沙和尚"]; var arr2 = ["白骨精","玉兔精","蜘蛛精"]; var arr3 = ["二郎神","太上老君","玉皇大帝"]; /* * concat()可以连接两个或多个数组，并将新的数组返回 * - 该方法不会对原数组产生影响 *
阅读全文
摘要：//创建一个数组 var arr = [1,2,3,2,2,1,3,4,2,5]; //去除数组中重复的数字 //获取数组中的每一个元素 for(var i=0 ; i<arr.length ; i++){ //console.log(arr[i]); /*获取当前元素后的所有元素*/ for(va
阅读全文
摘要：var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"]; /* * slice() * - 可以用来从数组提取指定元素 * - 该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回 * - 参数： * 1.截取开始的位置的索引,包含开始索引 * 2.截取结束的位
阅读全文
摘要：function Person(name , age , gender){ this.name = name; this.age = age; } //修改Person原型的toString Person.prototype.toString = function(){ return "Person
阅读全文
摘要：//创建一个数组 var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"]; //所谓的遍历数组，就是将数组中所有的元素都取出来 /*console.log(arr[0]); console.log(arr[1]); console.log(arr[2]); console.
阅读全文
摘要：//创建一个数组 var arr = ["孙悟空","猪八戒","沙和尚"]; /* * push() * - 该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度 * - 可以将要添加的元素作为方法的参数传递， * 这样这些元素将会自动添加到数组的末尾 * - 该方法会将数组新的长度作为
阅读全文
摘要：/创建一个数组 //var arr = new Array(); //使用字面量来创建数组 //语法:[] //var arr = []; //console.log(typeof arr); //使用字面量创建数组时，可以在创建时就指定数组中的元素 var arr = [1,2,3,4,5,10]
阅读全文
摘要：/* * 内建对象 * 宿主对象 * 自定义对象 * * 数组（Array） * - 数组也是一个对象 * - 它和我们普通对象功能类似，也是用来存储一些值的 * - 不同的是普通对象是使用字符串作为属性名的， * 而数组时使用数字来作为索引操作元素 * - 索引： * 从0开始的整数就是索引 *
阅读全文
摘要：/** 垃圾回收（GC）* - 就像人生活的时间长了会产生垃圾一样，程序运行过程中也会产生垃圾* 这些垃圾积攒过多以后，会导致程序运行的速度过慢，* 所以我们需要一个垃圾回收的机制，来处理程序运行过程中产生垃圾* - 当一个对象没有任何的变量或属性对它进行引用，此时我们将永远无法操作该对象，* 此时
阅读全文
摘要：function Person(name , age , gender){ this.name = name; this.age = age; this.gender = gender; } //修改Person原型的toString Person.prototype.toString = func
阅读全文
摘要：/* * 创建一个构造函数 */ function MyClass(){ } //向MyClass的原型中添加一个name属性 MyClass.prototype.name = "我是原型中的名字"; var mc = new MyClass(); mc.age = 18; //console.lo
阅读全文
摘要：原型 prototype * * 我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype * 这个属性对应着一个对象，这个对象就是我们所谓的原型对象 * 如果函数作为普通函数调用prototype没有任何作用 * 当函数以构造函数的形式调用时，它所创建的对象中都会有一个隐含的属性，
阅读全文
摘要：/** 创建一个Person构造函数* - 在Person构造函数中，为每一个对象都添加了一个sayName方法，* 目前我们的方法是在构造函数内部创建的，* 也就是构造函数每执行一次就会创建一个新的sayName方法* 也是所有实例的sayName都是唯一的。* 这样就导致了构造函数执行一次就会创
阅读全文
摘要：/* * 创建一个构造函数，专门用来创建Person对象的 * 构造函数就是一个普通的函数，创建方式和普通函数没有区别, * 不同的是构造函数习惯上首字母大写 * * 构造函数和普通函数的区别就是调用方式的不同 * 普通函数是直接调用，而构造函数需要使用new关键字来调用 * * 构造函数的执行流程
阅读全文
摘要：/* * 创建一个对象 */ var obj = { name:"孙悟空", age:18, gender:"男", sayName:function(){ alert(this.name); } }; /* * 使用工厂方法创建对象 * 通过该方法可以大批量的创建对象 */ function cr
阅读全文
摘要：//创建一个name变量 var name = "全局"; //创建一个fun()函数 function fun(){ console.log(this.name); } //创建两个对象 var obj = { name:"孙悟空", sayName:fun }; var obj2 = { nam
阅读全文
摘要：/* * 解析器在调用函数每次都会向函数内部传递进一个隐含的参数, * 这个隐含的参数就是this，this指向的是一个对象， * 这个对象我们称为函数执行的 上下文对象， * 根据函数的调用方式的不同，this会指向不同的对象 * 1.以函数的形式调用时，this永远都是window * 2.以方
阅读全文
摘要：/* * 函数作用域 * - 调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁 * - 每调用一次函数就会创建一个新的函数作用域，他们之间是互相独立的 * - 在函数作用域中可以访问到全局作用域的变量 * 在全局作用域中无法访问到函数作用域的变量 * - 当在函数作用域操作一个变量时，它会
阅读全文
摘要：* 变量的声明提前 * - 使用var关键字声明的变量，会在所有的代码执行之前被声明（但是不会赋值）， * 但是如果声明变量时不适用var关键字，则变量不会被声明提前 * * 函数的声明提前 * - 使用函数声明形式创建的函数 function 函数(){} * 它会在所有的代码执行之前就被创建，所
阅读全文
摘要：/* * 作用域 * - 作用域指一个变量的作用的范围 * - 在JS中一共有两种作用域： * 1.全局作用域 * - 直接编写在script标签中的JS代码，都在全局作用域 * - 全局作用域在页面打开时创建，在页面关闭时销毁 * - 在全局作用域中有一个全局对象window， * 它代表的是一个
阅读全文
摘要：var obj = { name:"孙悟空", age:18, gender:"男", address:"花果山" }; //枚举对象中的属性 //使用for ... in 语句 /* * 语法： * for(var 变量 in 对象){ * * } * * for...in语句 对象中有几个属性，
阅读全文
摘要：/* * 创建一个对象 */ var obj = new Object(); //向对象中添加属性 obj.name = "孙悟空"; obj.age = 18; //对象的属性值可以是任何的数据类型，也可以是个函数 obj.sayName = function(){ console.log(obj
阅读全文
摘要：//函数对象() /* * 立即执行函数 * 函数定义完，立即被调用，这种函数叫做立即执行函数 * 立即执行函数往往只会执行一次 */ /*(function(){ alert("我是一个匿名函数~~~"); })();*/ (function(a,b){ console.log("a = "+a)
阅读全文
摘要：function fun(){ alert("函数要执行了~~~~"); for(var i=0 ; i<5 ; i++){ if(i == 2){ //使用break可以退出当前的循环 //break; //continue用于跳过当次循环 //continue; //使用return可以结束整个
阅读全文
摘要：定义一个函数，判断一个数字是否是偶数，如果是返回true，否则返回false */ function isOu(num){ return num % 2 == 0; } var result = isOu(15); //console.log("result = "+result); /* * 定义
阅读全文
摘要：创建一个函数，用来计算三个数的和 * * 可以使用 return 来设置函数的返回值 * 语法： * return 值 * * return后的值将会会作为函数的执行结果返回， * 可以定义一个变量，来接收该结果 * * 在函数中return后的语句都不会执行 * * 如果return语句后不跟任何
阅读全文
摘要：定义一个用来求两个数和的函数 * 可以在函数的()中来指定一个或多个形参（形式参数） * 多个形参之间使用,隔开，声明形参就相当于在函数内部声明了对应的变量 * 但是并不赋值 */ function sum(a,b){ console.log("a = "+a); console.log("b =
阅读全文
摘要：函数 function * - 函数也是一个对象 * - 函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码） * - 函数中可以保存一些代码在需要的时候调用 * - 使用typeof检查一个函数对象时，会返回function */console .log(typeof fun);控制台
阅读全文
摘要：//创建一个对象 //var obj = new Object(); /* * 使用对象字面量来创建一个对象 */ var obj = {};代表字面量 //console.log(typeof obj); obj.name = "孙悟空"; //console.log(obj.name);////
阅读全文
摘要：基本数据类型 * String Number Boolean Null Undefined * * 引用数据类型 * Object * * */ var a = 123; var b = a; a++; /*console.log("a = "+a); ////124 console.log("b
阅读全文
摘要：var obj = new Object(); /* * 向对象中添加属性 * 属性名： * - 对象的属性名不强制要求遵守标识符的规范 * 什么乱七八糟的名字都可以使用 * - 但是我们使用是还是尽量按照标识符的规范去做 * */ obj.name = "孙悟空"; //obj.var = "he
阅读全文
摘要：在真实生活中，汽车是一个对象。 汽车有诸如车重和颜色等属性，也有诸如启动和停止的方法 所有汽车都拥有同样的属性，但属性值因车而异。 所有汽车都拥有相同的方法，但是方法会在不同时间被执行。 JS中的数据类型 * - String 字符串 * - Number 数值 * - Boolean 布尔值 *
阅读全文
浙公网安备 33010602011771号