慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

乐开

"+":可以用于数值、字符串、变量的相加

查看全部

0 采集收起来源：我还有其它用途( +号操作符）
2018-03-22
洛雪

浏览器窗口可视区域大小获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法: 一、对于IE9+、Chrome、Firefox、Opera 以及 Safari： • window.innerHeight - 浏览器窗口的内部高度 • window.innerWidth - 浏览器窗口的内部宽度二、对于 Internet Explorer 8、7、6、5： • document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。 • document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。或者 Document对象的body属性对应HTML文档的<body>标签 • document.body.clientHeight • document.body.clientWidth 在不同浏览器都实用的 JavaScript 方案： var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement.clientHeight || document.body.clientHeight;

查看全部

0 采集收起来源：浏览器窗口可视区域大小
2018-03-22
洛雪

创建文本节点createTextNode createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。语法： document.createTextNode(data) 参数： data : 字符串值，可规定此节点的文本。

查看全部

0 采集收起来源：创建文本节点createTextNode
2015-02-05
乐开

一个表达式可以包含常数与变量

查看全部

0 采集收起来源：表达出你的想法(表达式)
2015-02-05
乐开

关键字:var new if else switch case break default delete do while return viod try in catch finally for instanceof typeof throw 保留字：int short double char long float boolen public private protected goto enum static const import class byte abstract implements debugger export extends final interface native package super synchronized throws transient volatile

查看全部

0 采集收起来源：给变量取个名字(变量命名)
2015-02-05
慕用7077196

选项卡

查看全部

0 采集收起来源：编程挑战
2015-02-12
洛雪

创建元素节点createElement createElement()方法可创建元素节点。此方法可返回一个 Element 对象。语法： document.createElement(tagName) 参数: tagName：字符串值，这个字符串用来指明创建元素的类型。注意：要与appendChild() 或 insertBefore()方法联合使用，将元素显示在页面中。案例： <script type="text/javascript"> var main = document.body; //创建链接 function createa(url,text) { var a = document.createElement("a"); a.href = url; a.text = text; a.style.color = '#cc9900'; main.appendChild(a); } // 调用函数创建链接 var url = "http://www.imooc.com"; var text = "慕课网"; createa(url,text); </script>

查看全部

0 采集收起来源：创建元素节点createElement
2018-03-22
洛雪

替换元素节点replaceChild() replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。语法： node.replaceChild (newnode,oldnew ) 参数： newnode : 必需，用于替换 oldnew 的对象。 oldnew : 必需，被 newnode 替换的对象。注意: 1. 当 oldnode 被替换时，所有与之相关的属性内容都将被移除。 2. newnode 必须先被建立。

查看全部

0 采集收起来源：替换元素节点replaceChild()
2015-02-05
慕用7077196

window.onload = function(){ // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。 var tr = document.getElementsByTagName("tr"); for(var i=0;i<tr.length;i++){ change(tr[i]); } } function change(obj){ obj.onmouseover=function(){ this.style.backgroundColor="#f2f2f2"; } obj.onmouseout=function(){ this.style.backgroundColor="#fff"; } }; var num=3; // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点； function add(){ var table = document.getElementById("table"); var trn = document.createElement('tr'); var td1 = document.createElement('td'); var td2 = document.createElement('td'); var td3 = document.createElement('td'); td1.innerHTML="xh00"+num; td2.innerHTML="张山"; td3.innerHTML='<a href="javascript:;" onclick="del(this)" >删除</a>'; trn.appendChild(td1); trn.appendChild(td2); trn.appendChild(td3); table.appendChild(trn); num++; change(trn); }; // 创建删除函数 function del(obj){ var tr = obj.parentNode.parentNode; tr.parentNode.removeChild(tr); }

查看全部

0 采集收起来源：编程练习
2018-03-22
洛雪

删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。语法: nodeObject.removeChild(node) 参数: node ：必需，指定需要删除的节点。注意: 把删除的子节点赋值给 x，这个子节点不在DOM树中，但是还存在内存中，可通过 x 操作。如果要完全删除对象，给 x 赋 null 值案例： <button onclick="clearText()">清除节点内容</button> <script type="text/javascript"> function clearText() { var content=document.getElementById("content"); // 在此完成该函数 var children = content.childNodes; //alert(children.length); //这种方法一次不能清除完 /* for(var i=0;i<children.length;i++){ content.removeChild(children[0]); }*/ //这种方法一次可以清除完 /* for(var i=0;i<children.length;i++){ if(children[i].nodeType==1){ content.removeChild(children[i]); } }*/ //这种方法一次可以清除完 for(var i=children.length-1;i>=0;i--){ content.removeChild(children[i]); } } </script>

查看全部

0 采集收起来源：删除节点removeChild()
2018-03-22
夜袭开发站

innerHTML属性，几乎所有的元素都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。（获取HTML当前标签的起始和结束里面的内容）

查看全部

0 采集收起来源：编程练习
2015-02-05
洛雪

插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点。语法: insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此节点前插入节点。注意: otest.insertBefore(newnode,node); 也可以改为: otest.insertBefore(newnode,otest.childNodes[0]); 案例： <ul id="test"> <li>JavaScript</li> <li>HTML</li> </ul> <script type="text/javascript"> var otest = document.getElementById("test"); var node = otest.childNodes[1]; var newnode = document.createElement('li'); newnode.innerHTML = 'php'; otest.insertBefore(newnode,node); </script>

查看全部

0 采集收起来源：插入节点insertBefore()
2018-03-22
洛雪

插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。语法: appendChild(newnode) 参数: newnode：指定追加的节点。案例： <ul id="test"> <li>JavaScript</li> <li>HTML</li> </ul> <script type="text/javascript"> var otest = document.getElementById("test"); var newnode = document.createElement('li'); newnode.innerHTML = 'PHP'; otest.appendChild(newnode); </script>

查看全部

0 采集收起来源：插入节点appendChild()
2018-03-22
夜袭开发站

对象属性: availHeight - 窗口可以使用的屏幕高度，单位像素(去掉任务栏或者其他占位部分) availWidth - 窗口可以使用的屏幕宽度，单位像素(去掉任务栏或者其他占位部分) colorDepth - 用户浏览器表示的颜色位数，通常为32位（每像素的位数） pixelDepth - 用户浏览器表示的颜色位数，通常为32位（IE不支持此属性） height - 屏幕的高度，单位像素 width - 屏幕的宽度，单位像素注意：浏览器的高宽就是你当前打开的浏览器的高宽屏幕高宽就是你的显示器的分辨率大小

查看全部

0 采集收起来源：screen对象
2015-02-05
夜袭开发站

使用userAgent判断使用的是什么浏览器(假设使用的是IE8浏览器),代码如下: function validB(){ var u_agent = navigator.userAgent; var B_name="Failed to identify the browser"; if(u_agent.indexOf("Firefox")>-1){ B_name="Firefox"; }else if(u_agent.indexOf("Chrome")>-1){ B_name="Chrome"; }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ B_name="IE(8-10)"; } document.write("B_name:"+B_name+"<br>"); document.write("u_agent:"+u_agent+"<br>"); } -1的作用： indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置，如果找不到这个字符串会返回-1，找到的话返回字符串所在的位置

查看全部

0 采集收起来源：userAgent
2018-03-22

首页上一页 7649 7650 7651 7652 7653 7654 7655 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面