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").

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

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

Note

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

事件可以重叠不会覆盖

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

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

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

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

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

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

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

 

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值