w3cschool中的例子分析

1、if (element.src.match("bulbon"))

match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。这里的意思就是图片路径中如果包含“bulbon”这个字符串就执行下面的代码。

在这个图片的文件名中找到是否有bulbon的文件

element.src:直接改图片哦，不需要innerHTML

2、x.style.color="red";

通过Id得到元素，即使元素没有定义style属性，也可以直接这样子修改它的颜色

3、script可以放在head中，可以放在body中，可以放在外部一个script文档中然后在头部引入

4、console.log()可以写到控制台

5、输出有弹出框window.alert()、有document.write（）、innerHTML、有console.log()

6、如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。

7、JavaScript 变量生命周期在它声明时初始化。

局部变量在函数执行完毕后销毁。

全局变量在页面关闭后销毁。

8、

HTML 中的全局变量

在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。

9、可以把js代码写在html标签中，可以用单引号也可以用双引号

10、onchange

	HTML 元素改变
onclick	用户点击 HTML 元素
onmouseover	用户在一个HTML元素上移动鼠标
onmouseout	用户从一个HTML元素上移开鼠标
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载

11、debugger 关键字   debugger 关键字用于停止执行 JavaScript，并调用调试函数。

12、var x=document.forms["myForm"]["fname"].value;通过表单名、input的名来得到你要验证的内容

οnsubmit="return validateForm();"表单的头部要定义点击时表单的返回方法

13、(atpos<1||dotpod<atpos+2||dotpos+2>=x.length),验证邮箱是否正确的关键业务语句

14、Json解析，主要是用到parseJSON方法把字符串解析成一个个JSON对象，并通过，多层的会形成一个数组，并且通过访问key值得到他们的value值

15、javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。

      void 中是可以放一些执行语句的

16、void()给某个变量赋值，值位undefined

17、

以上函数实际上是一个 匿名函数 (函数没有名称)。

函数存储在变量中，不需要函数名称，通常通过变量名来调用。

18、

自调用表达式会自动调用。

如果表达式后面紧跟 () ，则会自动调用。

19、arguments.length 属性返回函数接收到参数的个数

20、如果函数在调用时缺少参数，参数会默认设置为： undefined

21、如果y已经定义 ， y || 返回 y, 因为 y 是 true, 否则返回 0, 因为 undefined 为 false。

22、如果函数调用时设置了过多的参数，参数将无法被引用，因为无法找到对应的参数名。 只能使用 arguments 对象来调用。

23、这看起来就像创建了新的函数，但实际上 JavaScript 函数是重新创建的对象：

24、

两个方法都使用了对象本身作为第一个参数。 两者的区别在于第二个参数： apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。

在 JavaScript 严格模式(strict mode)下, 在调用函数时第一个参数会成为 this 的值， 即使该参数不是一个对象。

在 JavaScript 非严格模式(non-strict mode)下, 如果第一个参数的值是 null 或 undefined, 它将使用全局对象替代

25、

所有函数都能访问全局变量。  

实际上，在 JavaScript 中，所有函数都能访问它们上一层的作用域。

JavaScript 支持嵌套函数。嵌套函数可以访问上一层的函数变量。

该实例中，内嵌函数 plus() 可以访问父函数的 counter 变量：

26、var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();

我们为了计数，而且为了让这个计数变量不能随便被更改，把一个变量设置在一个外函数中，内部函数调用对这个变量进行调用修改，外函数自动调用自身，这样叫做闭包

27、getElementsByTagName，如果有多个元素，传回来的还是一个数组

28、getElementsByClassName

29、改图片用的是src

30、dom时间通过获取id和获取样式（.style）来修改样式属性

31、visibility='hidden，visibility='visible'

32、

onload 和 onunload 事件会在用户进入或离开页面时被触发。

onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。

onload 和 onunload 事件可用于处理 cookie。

33、onchange 事件常结合对输入字段的验证来使用。

34、addEventListener

语法

element.addEventListener( event, function, useCapture);

第一个参数是事件的类型 (如 "click" 或 "mousedown").

第二个参数是事件触发后调用的函数。

第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。

	注意:不要使用 "on" 前缀。 例如，使用 "click" ,而不是使用 "onclick"。

事件可以重叠不会覆盖

可以给同一个元素添加不同的事件

如果调用元素是windows也是可以的：windows.addEventListener("resize",function)

事件捕获和冒泡：默认值为 false, 即冒泡传递，当值为 true 时, 事件使用捕获传递。

冒泡从内向外，捕获为从外向内

35、您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。

增加的时候，先创建一个p元素，再创建一个文本元素，然后找到一个系统原有的div元素，然后向这个原有元素正加入这个新元素

删除的时候是要找到要删除的元素和他的父元素，或者不具体找到父元素，写成parentNode也是可以的

 

转载于:https://www.cnblogs.com/ailsalin/p/6482674.html