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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • Ta_
    <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>getAttribute()</title> </head> <body> <p id="intro">课程列表</p> <ul> <li title="第1个li">HTML</li> <li>CSS</li> <li title="第3个li">JavaScript</li> <li title="第4个li">Jquery</li> <li>Html5</li> </ul> <p>以下为获取的不为空的li标签title值:</p> <script type="text/javascript"> var con=document.getElementsByTagName("li"); for (var i=0; i< con.length;i++){ var text = con[i].getAttribute("title");//获取数组li中的有title属性的属性值 if(text!=null) //如果text的值不为空 { document.write(text+"<br>"); 在页面上显示其值。 } } </script> </body> </html>
    查看全部
  • Ta_
    1,2,3,4
    查看全部
  • do while结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件,如果条件为真,继续循环。 do { 循环语句 } while(判断条件)
    查看全部
  • Ta_
    <script type="text/javascript"> function checkall(){ //方法的名字 var hobby = document.getElementsByTagName("input"); //获取“input”标签 //任务1 for(i=0;i<hobby.length;i++){ //得到input的长度 if(hobby[i].type == "checkbox"){ //判断input的type属性是不是checkbox hobby[i].checked = true; 是的话,就将checked属性设置为true。 } } } function clearall(){ var hobby = document.getElementsByName("hobby"); //任务2 for(i=0;i<hobby.length;i++){ hobby[i].checked = false; //设置有name为hobby的标签的checked属性值为false } } function checkone(){ var j=document.getElementById("wb").value; //获取在wb中输入的数字 // 任务3 var hobby = document.getElementById("hobby"+j); //获取hobbyX的值 hobby.checked = true; 将其值为true } </script>
    查看全部
  • 返回星期方法 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() 返回/设置年份,用四位数表示。
    查看全部
  • switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 } Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。 注意:记得在case所执行的语句后添加上一个break语句。否则就直接继续执行下面的case中的语句
    查看全部
  • 访问子结点childNodes 访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性。 语法: elementNode.childNodes 注意: 如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。
    查看全部
  • 节点属性 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 nodeName 永远是 #text 4. 文档节点的 nodeName 永远是 #document 二、nodeValue 属性:节点的值 1. 元素节点的 nodeValue 是 undefined 或 null 2. 文本节点的 nodeValue 是文本自身 3. 属性节点的 nodeValue 是属性的值 三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型: 元素类型 节点类型 元素 1 属性 2 文本 3 注释 8 文档 9
    查看全部
    0 采集 收起 来源:节点属性

    2015-06-19

  • setAttribute()方法 setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。 语法: elementNode.setAttribute(name,value) 说明: 1.name: 要设置的属性名。 2.value: 要设置的属性值。 注意: 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。 2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。
    查看全部
  • Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首字母必须大写。 使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)。 如果要自定义初始值,可以用以下方法: var d = new Date(2012, 10, 1); //2012年10月1日 var d = new Date('Oct 1, 2012'); //2012年10月1日
    查看全部
    0 采集 收起 来源: Date 日期对象

    2015-06-19

  • 什么是对象 JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。 对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等; 对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等; JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下使用数组对象: var objectName =new Array();//使用new关键字定义对象 或者 var objectName =[];
    查看全部
    0 采集 收起 来源:什么是对象

    2015-06-19

  • a++ 先取值在运算 ++a 先运算再取值
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-19

  • rray(数组)类自带了许多方法: 方法名称 描述 a.toString() 返回一个包含数组中所有元素的字符串,每个元素通过逗号分隔。 a.toLocaleString() 根据宿主环境的区域设置,返回一个包含数组中所有元素的字符串,每个元素通过逗号分隔。 a.concat(item1[, item2[, ...[, itemN]]]) 返回一个数组,这个数组包含原先 a 和 item1、item2、……、itemN 中的所有元素。 a.join(sep) 返回一个包含数组中所有元素的字符串,每个元素通过指定的sep 分隔。 a.pop() 删除并返回数组中的最后一个元素。 a.push(item1, ..., itemN) 将 item1、item2、……、itemN 追加至数组 a。 a.reverse() 数组逆序(会更改原数组 a)。 a.shift() 删除并返回数组中第一个元素。 a.slice(start, end) 返回子数组,以 a[start] 开头,以 a[end] 前一个元素结尾。 a.sort([cmpfn]) 依据 cmpfn 返回的结果进行排序,如果未指定比较函数则按字符顺序比较(即使元素是数字)。 a.splice(start, delcount[, item1[, ...[, itemN]]]) 从 start 开始,删除 delcount 个元素,然后插入所有的item。 a.unshift([item]) 将 item 插入数组头部,返回数组新长度(考虑undefined)。
    查看全部
  • 可以通过如下方式遍历一个数组: 1 2 3 for (var i = 0; i < a.length; i++) { // Do something with a[i] } 这么做效率不太好,因为每循环一次都要计算一次长度。改进的版本是: 1 2 3 for (var i = 0, len = a.length; i < len; i++) { // Do something with a[i] } 还有一种更好的写法是: 1 2 3 for (var i = 0, item; item = a[i++];) { // Do something with item
    查看全部

举报

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

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