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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • var mydate=new Date(); document.write("当前时间:"+mydate+"<br/>"); mydate.setTime(mydate.getTime()+2*60*60*1000); document.write("推迟两小时后的时间是:"+mydate);
    查看全部
  • 如要实现这一点,就必须使用一个排序函数,代码如下: <script type="text/javascript"> function sortNum(a,b) { return a - b; //升序,如降序,把“a - b”该成“b - a” }
    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-03-22

  • 创建元素节点createElement createElement()方法可创建元素节点。此方法可返回一个 Element 对象。 语法: document.createElement(tagName) 参数: tagName:字符串值,这个字符串用来指明创建元素的类型。 注意:要与appendChild() 或 insertBefore()方法联合使用,将元素显示在页面中。 我们来创建一个按钮,代码如下: <script type="text/javascript"> var body = document.body; var input = document.createElement("input"); input.type = "button"; input.value = "创建一个按钮"; body.appendChild(input); </script> 效果:在HTML文档中,创建一个按钮。 我们也可以使用setAttribute来设置属性,代码如下: <script type="text/javascript"> var body= document.body; var btn = document.createElement("input"); btn.setAttribute("type", "text"); btn.setAttribute("name", "q"); btn.setAttribute("value", "使用setAttribute"); btn.setAttribute("onclick", "javascript:alert('This is a text!');"); body.appendChild(btn); </script> 效果:在HTML文档中,创建一个文本框,使用setAttribute设置属性值。 当点击这个文本框时,会弹出对话框“This is a text!”。
    查看全部
  • 最后一个用else
    查看全部
  • 替换元素节点replaceChild() replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 语法: node.replaceChild (newnode,oldnew ) 参数: newnode : 必需,用于替换 oldnew 的对象。 oldnew : 必需,被 newnode 替换的对象。 注意: 1. 当 oldnode 被替换时,所有与之相关的属性内容都将被移除。 2. newnode 必须先被建立。
    查看全部
  • 卸载事件通俗的讲,就是离开当前网页,离开当前网页有两种方式, 1.像平常我们关闭网页,也就是离开网页了;2.在当前网页点击加载其他网页,跳转到其他网页,也是离开当前网页的一种; onunload属于第2种,只有当你要跳转到另一个页面时,也就是要离开当前网页了,要跳转到另一个网页了,onunload才会被触发; 那平常时关闭网页就直接跳出一个对话框是怎么办到的?原来还有一个onbeforeunload,顾名思义,就是在onunload被执行之前,就被调用,无论是以上2种跳转方法中的哪种,onbeforeunload都会被触发。
    查看全部
  • 删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。 语法: nodeObject.removeChild(node) 参数: node :必需,指定需要删除的节点。
    查看全部
  • 撒旦撒
    查看全部
  • <!DOCTYPE HTML> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>系好安全带,准备启航</title> <script type="text/javascript"> //通过javascript的日期对象来得到当前的日期,并输出。 var today=new Date(); var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; var x=today.getFullYear(); var y=today.getMonth(); var z=today.getDate(); var m=today.getDay(); //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦 var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76"; var sum=0; var score=new Array(); function num(){ for(var i=0;i<10;i++){ score[i]=scoreStr.substring(6*i+3,6*i+5); sum=sum+parseInt(score[i]); } sum=sum/i; } num(); //从数组中将成绩撮出来,然后求和取整,并输出。 document.write("今天是:"+x+"年"+y+"月"+z+"日"+weekday[m]+"<br/>"); document.write("该班的平均分为:"+sum); </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 关于setTimeout引用两次的理解及注意方法 @adu啊杜同学的回答没错。但是有一常见情况。大部分的脚本都是通过外部文件引入的,这种情况用setTimeout就完全没用了。原因: DOM加载顺序: 1.解析HTML结构。 2.加载外部脚本和样式表文件。 3.解析并执行脚本代码。 4.构造HTML DOM模型。 5.加载图片等外部文件。 6.页面加载完毕。 由此可见只要script没有加载完成(设置了defer和async属性的除外),DOM就不可能会加载。综上,要想避免脚本与文档的关联问题可用以下方法: 1.如果脚本引用位置在文档结构之上在脚本上设置defer(延迟)或者async(异步)属性; 2.将脚本引用位置置于文档结构以下引用。
    查看全部
  • 插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法: insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此节点前插入节点。 <script type="text/javascript"> var otest = document.getElementById("test"); var node=otest.childNodes(1); //获取第2个子节点 var newnode=document.creatElement("li"); newnode.innerHTML="php"; otest.insertBefore(newnode,node); </script>
    查看全部
  • 插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法: appendChild(newnode) 参数: newnode:指定追加的节点。 <script type="text/javascript"> var otest = document.getElementById("test"); var newnode = document.creatElement("li"); newnode.innerHTML="PHP"; otest.appendChild(newnode); </script>
    查看全部
  • 操作符之间的优先级(高到低): 算术操作符 比较操作符 逻辑操作符 "="赋值符号
    查看全部
  • replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 语法: node.replaceChild (newnode,oldnew ) 参数: newnode : 必需,用于替换 oldnew 的对象。 oldnew : 必需,被 newnode 替换的对象。
    查看全部
  • removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。 语法: nodeObject.removeChild(node) 参数: node :必需,指定需要删除的节点。
    查看全部

举报

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

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