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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。
    查看全部
    0 采集 收起 来源:History 对象

    2017-08-28

  • 1.JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,如下定义数组对象: var objectName =new Array();//使用new关键字定义对象 或var objectName =[]; 2.访问对象属性的语法:objectName.propertyName 如使用 Array 对象的 length 属性来获得数组的长度: var myarray=new Array(6);//定义数组对象 var myl=myarray.length;//访问数组长度length属性 //此处myarray相当于对象名字objectName,length相当于对象属性名字propertyName 3.访问对象的方法:objectName.methodName() 如使用string 对象的 toUpperCase() 方法来将文本转换为大写: var mystr="Hello world!";//创建一个字符串 var request=mystr.toUpperCase(); //使用字符串对象方法
    查看全部
    0 采集 收起 来源:什么是对象

    2018-03-22

  • 多种选择(Switch语句) 当有很多种选项的时候,switch比if else使用更方便。 语法: 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后的语句。
    查看全部
  • 访问子节点的第一和最后项 一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。 语法: node.firstChild 说明:与elementNode.childNodes[0]是同样的效果。 二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。 语法: node.lastChild 说明:与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。 注意: 上一节中,我们知道Internet Explorer 会忽略节点之间生成的空白文本节点,而其它浏览器不会。我们可以通过检测节点类型,过滤子节点。 (以后章节讲解)
    查看全部
  • 除了ie浏览器其他的浏览器会默认节点之间会有个text节点,因为在html里多个空格会表示一个空格,所以是一个空格节点,也就是说第一个javascript节点的后面其实还有个空格
    查看全部
  • 编程练习 使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。 提示:获取元素的值设置和获取方法为:例:赋值:document.getElementById(“id”).value = 1; 取值:var = document.getElementById(“id”).value;
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-28

  • 编程练习 使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。 <!DOCTYPE html> <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ var value1 = parseInt(document.getElementById("txt1").value); var value2 = parseInt(document.getElementById("txt2").value); var c = document.getElementById("select").value; var result; switch(c){ case "+":result=value1+value2;break; case "-":result=value1-value2;break; case "*":result=value1*value2;break; default:if(value2==0){alert("除数不能为0"); break;} else{result=value1/value2;break;} } document.getElementById("fruit").value=result; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <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='fruit' /> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。 stringObject.substr(startPos,length) 注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。 如果startPos为负数且绝对值大于字符串长度,startPos为0。
    查看全部
  • var tr=document.getElementsByTagName("tr"); for(var i=0;i<tr.length;i++){ tr[i].onmouseover=function(){ tr[i].style.backgroundColor="#333333"; } tr[i].onmouseout=function(){ this.style.backgroundColor="#fff"; } }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • var tr=document.getElementsByTagName("tr"); for(var i=0;i<tr.length;i++){ tr[i].onmouseover=function(){ tr[i].style.backgroundColor="#333333"; } tr[i].onmouseout=function(){ tr[i].style.backgroundColor="#fff"; } }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • function deleteRow(obj){ var tbody = document.getElementById('table').lastChild; //为什么要加.lastChild,我感觉可以删掉.lastChild,但这里代表最后一个tr节点, var tr = obj.parentNode.parentNode;//承上,obj代表td节点,所以tr代表table节点对象 tbody.removeChild(tr); //据上面的理解,这个地方更不理解了 this字面意思就是‘这个’,用法比较多,你可以单独挑出来学习一下,注意:this是个对象,在这里就代替了deleteRow(obj)中的形参obj,是事件,不是什么td tr 你去查一下table的结构,table默认包含thead,tfoot,tbody,而且是按这个顺序排列的,所有lastchild就是取得tbody
    查看全部
    1 采集 收起 来源:编程练习

    2017-08-28

  • <tr>标签是<tbody>的子标签
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-22

  • window.onunload = onunload_message; function onunload_message(){ alert("您确定离开该网页吗?");
    查看全部
  • onload(加载事件)支持的标签:<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> ,<style>,写在<body>内监听页面加载,正如写在<img>监听图像加载。
    查看全部
  • 变量名字可以任意取,只不过取名字要遵循一些规则: 1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下: 正确: mysum _mychar $numa1 错误: 6num //开头不能用数字 %sum //开头不能用除(_ $)外特殊符号,如(% + /等) sum+num //开头中间不能使用除(_ $)外特殊符号,如(% + /等) 2.变量名区分大小写,如:A与a是两个不同变量。 3.不允许使用JavaScript关键字和保留字做变量名。
    查看全部

举报

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

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