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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 取消计时器clearTimeout() setTimeout()和clearTimeout()一起使用,停止计时器。 语法:clearTimeout(id_of_setTimeout) 参数说明: id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。 下面的例子和上节的无穷循环的例子相似。唯一不同是,现在我们添加了一个 "Stop" 按钮来停止这个计数器: <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0,i; function timedCount(){ document.getElementById('txt').value=num; num=num+1; i=setTimeout(timedCount,1000); } setTimeout(timedCount,1000); function stopCount(){ clearTimeout(i); } </script> </head> <body> <form> <input type="text" id="txt"> <input type="button" value="Stop" onClick="stopCount()"> </form> </body> </html>
    查看全部
  • 计时器setTimeout() setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。 语法: setTimeout(代码,延迟时间); 参数说明: 1. 要调用的函数或要执行的代码串。 2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。 当我们打开网页3秒后,在弹出一个提示框,代码如下: <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> setTimeout("alert('Hello!')", 3000 ); </script> </head> <body> </body> </html> 当按钮start被点击时,setTimeout()调用函数,在5秒后弹出一个提示框。 <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function tinfo(){ var t=setTimeout("alert('Hello!')",5000); } </script> </head> <body> <form> <input type="button" value="start" onClick="tinfo()"> </form> </body> </html> 要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身。在下面的代码,当按钮被点击后,输入域便从0开始计数。 <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var num=0; function numCount(){ document.getElementById('txt').value=num; num=num+1; setTimeout("numCount()",1000); } </script> </head> <body> <form> <input type="text" id="txt" /> <input type="button" value="Start" onClick="numCount()" /> </form> </body> </html>
    查看全部
  • 自己稍微了做了修改。 判断输入框中是否有值,有的话,移动到按钮上不会弹出消息框。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 鼠标经过事件 </title> <script type="text/javascript"> function message(){ if(!(document.getElementById("pass").value)){ confirm("请输入密码后,再单击确定!"); }} </script> </head> <body> <form> 密码:<input id="pass" name="password" type="password" /> <input name="确定" type="button" value="确定" onmouseover="message()"/> </form> </body> </html>
    查看全部
  • concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。
    查看全部
  • 这题怎么运行不起来呢?
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-19

  • 1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start。 2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。 3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。
    查看全部
  • 1.onunload卸载事件:当网页关闭或网页刷新时 2.不同浏览器对onunload的支持不同 3.例如: <script type="text/javascirpt"> window.onunload=onunload_message(); function onunload_message(){ alert("are you sure?"); } </script>
    查看全部
  • 1.onload网页加载完毕时触发,事件写在body中
    查看全部
  • 1.onchage文本框内容改变时触发
    查看全部
  • 1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。 2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。 3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。
    查看全部
  • 1.onselect选中时触发 2.复习下textarea <form> 个人简介<br /> <textarea name="后台用" rols="60" row="5"> 这是文本区域内显示的默认文本 </textarea> </form>
    查看全部
  • 1.onblur鼠标离开聚焦点时触发 2.复习下文本框 <form> 用户名:<input name="这是后台用到的,前台不显示" type="text" value="这是文本框默认值" /> 密码:<input name="密码" type="password" value="请输入密码" /> </form>
    查看全部
  • 1.onfocus()鼠标聚焦时会触发程序 2.下拉列表复习下: <form> <select name="career"> <option>学生</option> <option>老师</option> </form>
    查看全部
  • charAt()方法,返回指定位置的一个字符串类型的字符。
    查看全部
  • .toUpper/LowerCase() 大小写转换方法
    查看全部

举报

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

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