js学习笔记

注意：是 document.getElementById("...")
还有 document.getElementsByTagName
拥有同一标签的可能游很多个dom元素，所以是用element.

注意事项：

1.当使用dom对元素进行样式的设置时，属性是-连接的形式时，必需用其驼峰形式来代替。
譬如下图：在css中应该是font-weight,应该改成fontWeight.

改变命名.png

2. innerHTML属性的应用：

3. html事件：
   格式：
   事件包括很多：鼠标事件等等。
   给元素绑定了事件，这个事件触发的函数里面的this 指的就是这个元素（div...)

   
   
   

   html事件.png

4. DOM0级事件:
   获取元素，ele.事件=执行脚本
   注意：这里如果是要调用函数的话函数之后不用加括号，不然一打开页面函数就会自动运行了。

   
   
   

   DOM0级事件.png

5. onload：页面加载时触发
   onfocus:获得焦点
   onblur：失去焦点
   onchange:一般作用于select,checkbox,radio(判断this.value)

   onmousedown+onmouseup=onclick(按下+松开）
   onkeyup+onkeydown=keypress（键盘事件）

6. BOM对象
   所有的全局变量和全局方法都归在window对象上。
   alert,prompt,confirm需要换行可以用\n来换行。

   1. window.open(打开新窗口）
   2. 定时器（超时调用，间歇调用）

   • 超时调用：setTimeOut(要实现的js的代码，几毫秒后执行相应操作）

   • setTimePOut方法返回一个ID值，通过它取消超时调用。通过clearTimeOut(id_of_settimeout)

   • 间歇调用：setInterval(要实现的js代码，几毫秒的间歇的进行相应的操作）
     相应的通过clearInterval（相应的Js代码，id_of_setInterval)来清除掉相关的调用。
     看下面的代码

     
     
     

     定时器.png
   3. location
   • location.href:返回当前页面加载的url;
   • location.hash:返回URL中的hash(#号后跟0或者其他字符）
     相关属性：
   • location.href='window.open.html';
     location.replace('window.open.html');
     location.replace='window.open.html';
     location.href('window.open.html');
     上面四个句子都是等效的。不过 location.href有历史记录， location.replace没有历史纪录。
     4.history 对象
   • history.back ==history.go(-1)
     history(-x)也就是回到历史纪录的前x步
   • history.forward ==history.go(1)
     history(x)回到历史纪录的后x步

5.screen对象

screen.png

6.navigatior对象

• 使用浏览器的userAgent属性可以知道当前使用的是那个浏览器，以及是在PC端还是在手机端。

弹出错误：Maximum call stack size exceeded（栈溢出）
可能用了递归，但是没有判断