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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • var newnode = document.createElement("li") 创建一个新的元素 otest.insertBefore(newnode,otest.childNodes[1]) otest.insertBefore(newnode,node) node 为目标位置,
    查看全部
  • getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成,代码如下: <script type="text/javascript"> var mydate=new Date();//定义日期对象 var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; //定义数组对象,给每个数组项赋值 var mynum=mydate.getDay();//返回值存储在变量mynum中 document.write(mydate.getDay());//输出getDay()获取值 document.write("今天是:"+ weekday[mynum]);//输出星期几 </script>
    查看全部
    0 采集 收起 来源:返回星期方法

    2018-03-22

  • get/setFullYear() 返回/设置年份,用四位数表示。 var mydate=new Date();//当前时间2014年3月6日 document.write(mydate+"<br>");//输出当前时间 document.write(mydate.getFullYear()+"<br>");//输出当前年份 mydate.setFullYear(81); //设置年份 document.write(mydate+"<br>"); //输出年份被设定为 0081年。
    查看全部
  • reverse() 方法用于颠倒数组中元素的顺序。
    查看全部
  • 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。 定义一个时间对象 : var Udate=new Date(); 如果要自定义初始值,可以用以下方法: var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date('Oct 1, 2012'); //2012年10月1日 Data对象中处理时间和日期的常用方法: get/setData()返回、设置日期 get/setFullYear()返回、设置年份,用四位数表示 get/setYear()返回、设置年份 get/setMonth返回、设置月份。0:一月;1:二月 set/getDay()返回、设置星期,0表示星期天 set/getHours()返回、设置小时,24小时 get/setMinutes()返回、设置分钟数 get/setSeconds()返回、设置秒钟数 get/setTime()返回、设置时间(毫秒为单位)
    查看全部
    0 采集 收起 来源: Date 日期对象

    2015-01-13

  • JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。 JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义
    查看全部
    0 采集 收起 来源:什么是对象

    2015-01-13

  • <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function count(){ var a=document.getElementById('txt1').value; var b=document.getElementById('txt2').value; var c=document.getElementById('select1').value; var d=" "; switch(c){ case "+":d=parseInt(a)+parseInt(b);break; case "-":d=parseInt(a)-parseInt(b);break; case "*":d=parseInt(a)*parseInt(b);break; case "/":d=parseInt(a)/parseInt(b);} document.getElementById('txt3').value=d; } </script> </head> <body> <input type="text" id="txt1"> <select id="select1"> <option value='+'>+</option> <option value='-'>-</option> <option value='*'>*</option> <option value='/'>/</option> </select> <input type="text" id="txt2"> <input type="button" value='=' onclick="count()"> <input type="text" id="txt3"> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 如代码中的注释
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2015-01-13

  • document.getElementById("id值").value这种方式获取的数据是字符串, parseInt()函数可解析一个字符串,并返回一个整数,
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • html 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:void(0);" onclick="removeTr(this)">删除</a></td> <!--在删除按钮上添加点击事件 --> </tr> <tr> <td>xh002</td> <td>刘小芳</td> <td><a href="javascript:void(0);" onclick="removeTr(this)">删除</a></td> <!--在删除按钮上添加点击事件 --> </tr> </table> <input type="button" value="添加一行" onclick="add()" /> <!--在添加按钮上添加点击事件 -->
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • // 创建删除函数 function removeTr(obj) { var currTr = obj.parentNode.parentNode; var table = document.getElementById('table'); table.removeChild(currTr); }
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-13

  • // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点; function add() { var table = document.getElementById('table'); var tr = document.createElement('tr'); var tdOne = document.createElement('td'); var tdOneText = document.createTextNode('xh003'); tdOne.appendChild(tdOneText); var tdTwo = document.createElement('td'); var tdTwoText = document.createTextNode('张三'); tdTwo.appendChild(tdTwoText); var tdThree = document.createElement('td'); var tdThreeChild = document.createElement('a'); tdThreeChild.setAttribute('href','javascript:void(0);'); tdThreeChild.setAttribute('onclick','removeTr(this)') var tdThreeChildText = document.createTextNode('删除'); tdThreeChild.appendChild(tdThreeChildText); tdThree.appendChild(tdThreeChild); tr.appendChild(tdOne); tr.appendChild(tdTwo); tr.appendChild(tdThree); table.appendChild(tr); }
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-13

  • // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。 var trs = document.getElementsByTagName('tr'); for(var i=0;i<trs.length;i++) { trs[i].setAttribute('onmouseover',"javascript:this.style.backgroundColor='#f2f2f2'"); trs[i].setAttribute('onmouseout',"javascript:this.style.backgroundColor='#fff'"); } }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • onclick鼠标单击事件;onmouseover鼠标经过实践; onmouseout鼠标移开事件;onchange文本框内容改变事件; onselect文本框内容被选中事件;onfocus光标聚集; onblur光标离开;onload网页导入; onunload关闭网页
    查看全部
    0 采集 收起 来源:什么是事件

    2015-01-13

  • 定义函数还可以如下格式: function 函数名(参数1,参数2) { 函数代码 } 注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。
    查看全部
    0 采集 收起 来源:有参数的函数

    2015-01-13

举报

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

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