慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

月读o_O

当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。
注意：不同浏览器对onunload事件支持不同。

查看全部

0 采集收起来源：卸载事件（onunload）
2018-08-27
月读o_O

事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：加载页面时，触发onload事件，事件写在<body>标签内。

查看全部

0 采集收起来源：加载事件（onload）
2018-08-27
该_3
取消计时器clearTimeout()
setTimeout()和clearTimeout()一起使用，停止计时器。
语法:
```
clearTimeout(id_of_setTimeout)
```
参数说明:
id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
查看全部

0 采集收起来源：取消计时器clearTimeout()
2018-08-26

该_3

计时器setTimeout()

setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
语法:    setTimeout(代码,延迟时间);
参数说明：
  1. 要调用的函数或要执行的代码串。
  2. 延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。
要创建一个运行于无穷循环中的计数器，我们需要编写一个函数来调用其自身。在下面的代码，当按钮被点击后，输入域便从0开始计数。

查看全部

0 采集收起来源：计时器setTimeout()

2018-08-26

该_3

取消计时器clearInterval()

clearInterval() 方法可取消由 setInterval() 设置的交互时间。
语法：clearInterval(id_of_setInterval);
参数说明:id_of_setInterval：由 setInterval() 返回的 ID 值。

查看全部

0 采集收起来源：取消计时器clearInterval()

2018-08-26

该_3

计时器setInterval()
    在执行时,从载入页面后每隔指定的时间执行代码。
语法:    setInterval(代码,交互时间);
参数说明：
    1. 代码：要调用的函数或要执行的代码串。
    2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。
返回值:
    一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。
调用函数格式(假设有一个clock()函数):
    setInterval("clock()",1000);
    或
    setInterval(clock,1000);

查看全部

0 采集收起来源：计时器setInterval()

2018-08-26

该_3

JavaScript的计时器

查看全部

0 采集收起来源：JavaScript 计时器
2018-08-26
fruityu
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>
<script type="text/javascript">
//通过javascript的日期对象来得到当前的日期，并输出。
var mydate=new Date();
var myweeks=new Array();
myweeks=["日","一","二","三","四","五","六"];
//成绩是一长窜的字符串不好处理，找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var scorename=new Array();
scorename=scoreStr.split(";");
var score=0;
for(var i=0;i<=scorename.length-1;i++){
score+=parseInt(scorename[i].split(":").slice(1));
}
var evaragescore=Math.floor(score/scorename.length);
//从数组中将成绩撮出来，然后求和取整，并输出。
document.write(mydate.getFullYear()+"年"+mydate.getMonth()+"月"+mydate.getDate()+"日"+" "+"星期"+myweeks[mydate.getDay()]+"--"+"班级平均分:"+evaragescore);

</script>
</head>
<body>
</body>
</html>
查看全部

0 采集收起来源：编程练习
2018-08-26

陶盛启

<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>   
  <script type="text/javascript"> 
      var number=0;
      window.onload = function(){
                  
     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
        var row=document.getElementsByTagName("tr"); 
        for(var i=0;i<row.length;i++){
            changeBackgroundColor(row[i]);
        }
     
     }

     function changeBackgroundColor(obj){
        obj.onmouseover=function(){
            obj.style.backgroundColor="#f2f2f2";
        }
        obj.onmouseout=function(){
            obj.style.backgroundColor="#fff";
        }
     }
     
      // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
     function addOneRow(){
         var table=document.getElementById("table");
         var newRow=document.createElement("tr");
         var newTr0=document.createElement("td");
         var newTr1=document.createElement("td");
         var newTr2=document.createElement("td");
         newTr0.innerHTML=getId();
         newTr1.innerHTML=getName();
         newTr2.innerHTML="<a href='javascript:;' onclick='deleteRow(this)' >删除</a>";
         newRow.appendChild(newTr0);
         newRow.appendChild(newTr1);
         newRow.appendChild(newTr2);
         table.appendChild(newRow);
         window.onload();
     }

     function getId(){
        if(number==0){
            number=getInitNumber();
        }
        return createId(number++);
     }

     function getInitNumber(){
        var table=document.getElementById("table");
        var trNodes=table.childNodes;        
        var trNode=trNodes[1];
        var tdNodes=trNode.childNodes;
        var j=0;
        for(var i=0;i<tdNodes.length;i++){
            if(tdNodes[i].nodeType==1){
                j=i;
            }
        }
        var tdNode=tdNodes[j];
        var tds=tdNode.childNodes;
        var attr1=new RegExp("[1-9]{1}[0-9]{0,}");
        var result=attr1.exec(tds[1].textContent);
        var number=result[0];
        return number;
     }

     function createId(number){
         number++;
         if(number<10){
             number="00"+number;
         }else if(number<100){
             number="0"+number;
         }
         return "xh"+number;
     }

     function getName(){
        var familyNames = new Array(
                "赵",    "钱",    "孙",    "李",    "周",    "吴",    "郑",    "王",    "冯",    "陈",    
                "褚",    "卫",    "蒋",    "沈",    "韩",    "杨",    "朱",    "秦",    "尤",    "许",
                "何",    "吕",    "施",    "张",    "孔",    "曹",    "严",    "华",    "金",    "魏",    
                "陶",    "姜",    "戚",    "谢",    "邹",    "喻",    "柏",    "水",    "窦",    "章",
                "云",    "苏",    "潘",    "葛",    "奚",    "范",    "彭",    "郎",    "鲁",    "韦",    
                "昌",    "马",    "苗",    "凤",    "花",    "方",    "俞",    "任",    "袁",    "柳",
                "酆",    "鲍",    "史",    "唐",    "费",    "廉",    "岑",    "薛",    "雷",    "贺",    
                "倪",    "汤",    "滕",    "殷",    "罗",    "毕",    "郝",    "邬",    "安",    "常",
                "乐",    "于",    "时",    "傅",    "皮",    "卞",    "齐",    "康",    "伍",    "余",    
                "元",    "卜",    "顾",    "孟",    "平",    "黄",    "和",    "穆",    "萧",    "尹"
                );
        var givenNames =  new Array(
                "子璇", "淼", "国栋", "夫子", "瑞堂", "甜", "敏", "尚", "国贤", "贺祥", "晨涛", 
                "昊轩", "易轩", "益辰", "益帆", "益冉", "瑾春", "瑾昆", "春齐", "杨", "文昊", 
                "东东", "雄霖", "浩晨", "熙涵", "溶溶", "冰枫", "欣欣", "宜豪", "欣慧", "建政", 
                "美欣", "淑慧", "文轩", "文杰", "欣源", "忠林", "榕润", "欣汝", "慧嘉", "新建", 
                "建林", "亦菲", "林", "冰洁", "佳欣", "涵涵", "禹辰", "淳美", "泽惠", "伟洋", 
                "涵越", "润丽", "翔", "淑华", "晶莹", "凌晶", "苒溪", "雨涵", "嘉怡", "佳毅", 
                "子辰", "佳琪", "紫轩", "瑞辰", "昕蕊", "萌", "明远", "欣宜", "泽远", "欣怡", 
                "佳怡", "佳惠", "晨茜", "晨璐", "运昊", "汝鑫", "淑君", "晶滢", "润莎", "榕汕", 
                "佳钰", "佳玉", "晓庆", "一鸣", "语晨", "添池", "添昊", "雨泽", "雅晗", "雅涵", 
                "清妍", "诗悦", "嘉乐", "晨涵", "天赫", "玥傲", "佳昊", "天昊", "萌萌", "若萌"
                );
        
        var i = parseInt(10 * Math.random())*10 + parseInt(10 * Math.random());
        var familyName = familyNames[i];
        
        var j = parseInt(10 * Math.random())*10 + parseInt(10 * Math.random());
        var givenName = givenNames[i];
        
        var name = familyName + givenName;
        return name;
    }
            
     // 创建删除函数
     function deleteRow(obj){
        obj.parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode);
     }


  </script> 
 </head> 
 <body> 
       <table border="1" width="50%" id="table">
       <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>操作</th>
       </tr>  

       <tr>
        <td>xh001</td>
        <td>王小明</td>
        <td><a href="javascript:;" onclick="deleteRow(this)" >删除</a></td>   <!--在删除按钮上添加点击事件  -->
       </tr>

       <tr>
        <td>xh002</td>
        <td>刘小芳</td>
        <td><a href="javascript:;" onclick="deleteRow(this)" >删除</a></td>   <!--在删除按钮上添加点击事件  -->
       </tr>  

       </table>
       <input type="button" value="添加一行" onclick="addOneRow()" />   <!--在添加按钮上添加点击事件  -->
 </body>
</html>

查看全部

3 采集收起来源：编程练习

2018-08-26

qq_古娜拉黑暗之神_1

availWidth W是大写
availHeight H是大写

查看全部

0 采集收起来源：屏幕可用高和宽度
2018-08-25
qq_古娜拉黑暗之神_1

window.history.forward();相当于window.history.go(1);等同于浏览器的前进按钮。

查看全部

0 采集收起来源：返回下一个浏览的页面
2018-08-25
qq_古娜拉黑暗之神_1

window.history.back();等同于window.histoy.go(-1);即等同于点击浏览器的后退按钮。

查看全部

0 采集收起来源：返回前一个浏览的页面
2018-08-25
qq_古娜拉黑暗之神_1

history对象记录用户浏览过得页面地址
属性：length 返回浏览器历史记录的URL数量
方法：back（）加载列表中前一个URL
forWard（）加载列表中下一个URL

查看全部

0 采集收起来源：History 对象
2018-08-25
慕粉3406657

使用toLowerCase()方法，将字符串所有大写字母都变成小写的字符串。
String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写：

查看全部

0 采集收起来源： String 字符串对象
2018-08-25
慕粉3406657
String 字符串对象
在之前的学习中已经使用字符串对象了，定义字符串的方法就是直接赋值。比如：
```
var mystr = "I love JavaScript!"
```
定义mystr字符串后，我们就可以访问它的属性和方法。
访问字符串对象的属性length:
stringObject.length; 返回该字符串的长度。
```
var mystr="Hello World!"; var myl=mystr.length;
```
以上代码执行后，myl 的值将是：12
访问字符串对象的方法：
使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写：
```
var mystr="Hello world!"; var mynum=mystr.toUpperCase();
```
```
以上代码执行后，mynum 的值是：HELLO WORLD!
```
查看全部

0 采集收起来源： String 字符串对象
2018-08-25

首页上一页 634 635 636 637 638 639 640 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面

JavaScript进阶篇

取消计时器clearTimeout()

计时器setTimeout()

取消计时器clearInterval()

String 字符串对象