02js学习笔记

最新推荐文章于 2024-03-08 23:01:16 发布

少年请慢走

最新推荐文章于 2024-03-08 23:01:16 发布

阅读量118

点赞数

分类专栏：前端基础

本文链接：https://blog.csdn.net/qq_39823114/article/details/78443372

版权

前端基础专栏收录该内容

18 篇文章 0 订阅

订阅专栏

1、注释：

 
 Java：      //    /*  */    /**  */ 

 
 HTML：    <!--  --> 

 
 CSS：      /*   */ 

 
 JavaScript： 

 
   单行注释以双斜杠开头（//） 

 
     多行注释以单斜杠和星号开头（/*），以星号和单斜杠结尾（*/） 

 
 window.alert() 或写为 alert() ：显示一个提示框显示内容。 

 
 window.document.write() ：在网页的当前位置处写内容。 

 
 如果一个变量没有初始化值的时候，其类型为undefined类型。表示没有定义。 

 
 即 parseInt() 和 parseFloat()。 

 
 只有对 String 类型调用这些方法，它们才能正确运行；对其他类型返回的都是 NaN。 

 
 浏览器在解析HTML页面标记的时候，其实不是按照一行一行读取并解析的， 

 
 而是将HTML页面中的每一个标记按照顺序在内存中组建一颗DOM树。 

2.时间等待与间隔函数：

 
   1、setTimeout()、clearTimeout()　　在指定的时间后调用函数 
  

<!DOCTYPE html>
<html>
  <head>
    <title>lunbo.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
   <h3>图片轮播</h3>
<img src="image/lo.jpg" id="pic">
<script>
    var pics=["image/1.jpg","image/2.jpg","image/3.jpg"];
    //每隔3秒钟自动切换
    var index=0;//当前显示的图片编号
    var loop=true;//是否轮播
    function change()//定时切换
    {
        index=(index+1)%3;
        //获取图片对象
        var obj=document.getElementById("pic");
        obj.src=pics[index];
        if(loop)
        {
            setTimeout(change,3000);
        }
    }
    setTimeout(change,3000);
    //添加事件处理
    var pic=document.getElementById("pic");
    pic.οnmοuseοver=function(){
        //停止轮播
        //alert("mouseover");
        loop=false;
    }
    pic.οnmοuseοut=function(){
        //继续轮播
        //alert("mouseout");
        loop=true;
        setTimeout(change,3000);
    }
</script>
  </body>
</html>

 
   2、setInterval()、clearInterval(value)　　在间隔指定的事件后重复调用函数（） 
  

  var i = 0;
       var h = setInterval(function () {
       document.write("3秒输出一次<br/>");
         i++;
      if (i >= 3) {
              clearInterval(h);
+-
           document.write("停止输出");
       }
      }, 3000);