为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 再看。
    查看全部
  • var mydate = new Date(); var day = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; document.write(mydate.getFullYear()+"年"+mydate.getMonth()+"月"+mydate.getDate()+"日"+day[mydate.getDay()]); 不会
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head> <body> <!--先编写好网页布局--> <h2>操作成功</h2> <p><span id="sj">5</span>秒后回到主页<a onclick="goback()" href="javascript:;">返回</a></p> <script type="text/javascript"> var num = 5; var jsval = document.getElementById("sj"); //获取显示秒数的元素,通过定时器来更改秒数。 function jishi(){ num = num-1; jsval.innerHTML=num; if(num == "0"){window.open("http://www.baidu.com","_self")} so = setTimeout(jishi,1000) } jishi(); //通过window的location和history对象来控制网页的跳转。 function goback(){ window.history.go(-1) } </script> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head> <body> <!--先编写好网页布局--> <h2>操作成功</h2> <p><span id="sj">5</span>秒后回到主页<a onclick="goback()" href="javascript:;">返回</a></p> <script type="text/javascript"> var num = 5; var jsval = document.getElementById("sj"); //获取显示秒数的元素,通过定时器来更改秒数。 function jishi(){ num = num-1; jsval.innerHTML=num; if(num == "0"){window.open("http://www.baidu.com","_self")} so = setTimeout(jishi,1000) } jishi(); //通过window的location和history对象来控制网页的跳转。 function goback(){ window.history.go(-1) } </script> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • ①目前试了Firefox、Google Chrome、IE三个浏览器,该事件只对IE起作用。 ②onunload事件对于刷新页面和超链接跳转其他页面情况有效,对于关闭页面无效。 ③onbeforeunload事件才对关闭页面有效。 ④window.onunload = onunload_message后面不需要加()。如果有人不管加没加(),都在页面跳转和刷新时弹不出提示框,是因为IE限制了网页运行脚本或ActiveX控件,点击“允许阻止的内容”,再刷新和跳转就可以看到效果了。 ⑤加了()的,在页面一打开就会弹出提示框,这个不是我们要实现的效果。
    查看全部
  • onload------------支持的标签:<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> ,<style>,写在<body>内监听页面加载,正如写在<img>监听图像加载
    查看全部
  • 加载事件onload()和点击事件onclick()非常重要。加载事件可以在页面加载前通过JS代码对页面样式做出调整,比如检测浏览器宽度屏幕分辨率之后,调整页面的相应尺寸,所以onload()非常实用
    查看全部
  • setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。 语法: setTimeout(代码,延迟时间); 参数说明: 1. 要调用的函数或要执行的代码串。 2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。 当我们打开网页3秒后,在弹出一个提示框,代码如下: <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> setTimeout("alert('Hello!')", 3000 ); </script> </head> <body> </body> </html>
    查看全部
  • clearInterval() 方法可取消由 setInterval() 设置的交互时间。 语法: clearInterval(id_of_setInterval) 参数说明: id_of_setInterval:由 setInterval() 返回的 ID 值。 每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时,停止时间,代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript"> function clock(){ var time=new Date(); document.getElementById("clock").value = time; } // 每隔100毫秒调用clock函数,并将返回值赋值给i var i=setInterval("clock()",100); </script> </head> <body> <form> <input type="text" id="clock" size="50" /> <input type="button" value="Stop" onclick="clearInterval(i)" /> </form> </body> </html>
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> </head> <script type="text/javascript"> var a = navigator.appName; var b = navigator.appCodeName; var c = navigator.appVersion; var d = navigator.platform; var e = navigator.userAgent; document.write(a+"<br>"); document.write(b+"<br>"); document.write(c+"<br>"); document.write(d+"<br>"); document.write(e+"<br>"); </script> <body> </body> </html>
    查看全部
    0 采集 收起 来源:Navigator对象

    2018-03-22

  • 参考代码: function clearText() { var content=document.getElementById("content"); for(var i=content.childNodes.length-1;i>=0;i--){ var childNode = content.childNodes[i]; content.removeChild(childNode); } }
    查看全部
  • random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。 例子: <script type="text/javascript"> document.write(Math.random()); </script> 运行结果: 0.190305486195328 获得0 ~ 10之间的随机数,代码如下: script type="text/javascript"> document.write((Math.random())*10); </script> 运行结果: 8.72153625893887
    查看全部
    0 采集 收起 来源:随机数 random()

    2018-03-22

  • http://img1.sycdn.imooc.com//53e198540001b66404860353.jpg
    查看全部
    0 采集 收起 来源:什么是事件

    2017-11-27

  • 使用关键字new,Date()的首字母必须大写 var Udate=new Date();
    查看全部
    0 采集 收起 来源: Date 日期对象

    2017-11-27

  • 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。 调用函数格式(假设有一个clock()函数): setInterval("clock()",1000) 或 setInterval(clock,1000) 我们设置一个计时器,每隔100毫秒调用clock()函数,并将时间显示出来,代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> <script type="text/javascript"> var int=setInterval(clock, 100) function clock(){ var time=new Date(); document.getElementById("clock").value = time; } </script> </head> <body> <form> <input type="text" id="clock" size="50" /> </form> </body> </html>
    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!