Dom1(doc范围,计时器)

最新推荐文章于 2022-05-07 07:42:19 发布

天赋进行时

最新推荐文章于 2022-05-07 07:42:19 发布

阅读量275

点赞数

分类专栏： JS-Dom-Jquery

本文链接：https://blog.csdn.net/xbc1213/article/details/50554928

版权

JS-Dom-Jquery 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

Document的范围

页面上所有的范围都是Document
Body范围指的是body标签内标签的内容控件

如果两个重叠的话则会有事件冒泡.出现Body弹窗,在出现Document弹窗.案例如下
实例:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script type="text/javascript">
   onload=function(){
   document.getElementById('bd').onclick=function(){
       alert('这是body的范围');
   };
   document.onclick=function(){
       alert('这是doc的范围');
   };
   };//说明doc 的范围较大.docment 代表文档.所有的页面都是docment
   //而body的范围是body内部元素的范围,里面的元素由多大,范围就越大
  </script>
 </head>
 <body id="bd">
   <button >按钮</button>
 </body>
</html>

知识点:window对象代表当前浏览器的窗口,使用window对象的属性及方法的时候可以省略window.比如一般所使用的alert(‘hello world’)其实全称应该是window.alert(‘hello world’).所以原则上,能不写window就不写,这样可以减少js文件的字节数.

知识点:js需要做的兼容性测试:ie各个主流版本,火狐,谷歌

两种计时器

第一种:interval 翻译:间隔
方法:setInterval(指定的代码字符串,时间间隔(毫秒))
该方法可以返回该计时器的ID.
clearInterval(intervalID):停止指定定时器,参数为定时器的表示ID
实例:

 <script type='text/javascript'>
  var time1= setInterval(function(){
      alert('德玛西亚');
  },200);
  //该计时器返回的该计时器的ID
  clearInterval(time1); //清除计时器.直接导致计时器报废
  //匿名函数,未将方法赋予他们时不需要这样子
  </script>

第二种:Timeout 翻译:超时
该类计时器只执行一次,一次性的.
使用方法和第一种方法完全相同
注意:两种计时器清除的话都将导致计时器报废,第二种使用完,不会自动释放,需要手动clear释放掉.
实例:

 <script type='text/javascript'>
  var id= setTimeout(
  function(){
alert('都闪开,我要装b了');
  },100)
//该种计时器是一次性的.
//使用完不会自动释放资源,需要手动释放
clearTimeout(id); //使用方法完全一样,只不过interval一直在执行,timeout只执行一次
  </script>

天赋进行时

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Dom1(doc范围,计时器)

明确Document的范围页面上所有的范围都是Document Body范围指的是body标签内标签的内容控件如果两个重叠的话则会有事件冒泡.出现Body弹窗,在出现Document弹窗.案例如下<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="
复制链接

扫一扫