慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

遂渡

function max(x,y) { if(x>y) { return x; } else if(x<y) { return y; } else { return "两个数一样大"; } } var req1=max(5,4); var req2=max(6,3); document.write(" 5 和 4 的较大值是:"+req1+"<br>"); document.write(" 6 和 3 的较大值是:"+req2+"<br>");

查看全部

0 采集收起来源：编程练习
2018-03-22
追风的人不会老

我们先来看看下面的图：http://img1.sycdn.imooc.com//5347b2b10001e1a307520686.jpg scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离，即左边灰色的内容。 scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离，即上边灰色的内容。 offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。 offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。注意: 1. 区分大小写 2. offsetParent：布局中设置postion属性(Relative、Absolute、fixed)的父容器，从最近的父节点开始，一层层向上找，直到HTML的body。

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2015-02-15
追风的人不会老

网页尺寸offsetHeight offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。一、值 offsetHeight = clientHeight + 滚动条 + 边框。二、浏览器兼容性 var w= document.documentElement.offsetWidth || document.body.offsetWidth; var h= document.documentElement.offsetHeight || document.body.offsetHeight;

查看全部

0 采集收起来源：网页尺寸offsetHeight
2015-02-15
追风的人不会老

网页尺寸scrollHeight scrollHeight和scrollWidth，获取网页内容高度和宽度(不包括滚动条)。一、针对IE、Opera: scrollHeight 是网页内容实际高度，可以小于 clientHeight。二、针对NS、FF: scrollHeight 是网页内容高度，不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时，scrollHeight 返回 clientHeight 。三、浏览器兼容性 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight; 注意:区分大小写 scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。

查看全部

0 采集收起来源：网页尺寸scrollHeight
2015-02-15
追风的人不会老

浏览器窗口可视区域大小获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法: 一、对于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 : 字符串值，可规定此节点的文本。我们来创建一个<div>元素并向其中添加一条消息，代码如下：http://img1.sycdn.imooc.com//53951c200001d32d07130554.jpg http://img1.sycdn.imooc.com//53951c720001996d04080225.jpg

查看全部

0 采集收起来源：创建文本节点createTextNode
2018-03-22
螃蟹1只

数组对象Array，方法slice()：从已有的数组中返回选定的元素，返回一个新的数组，不改变原来的数组 1.格式：数组对象名.slice(开始位置下标,结束位置下标【可选，默认到数组结束】); 2.返回的数组，是从开始位置到结束位置-1 3.开始位置和结束位置的值如果有是负数的，表示从数组尾部开始算起，例如-1代表最后一个数组元素的下标 4.String.slice()与Array.slice()类似

查看全部

0 采集收起来源：选定元素slice()
2015-02-15
追风的人不会老

创建元素节点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!”。

查看全部

0 采集收起来源：创建元素节点createElement
2018-03-22
追风的人不会老

替换元素节点replaceChild() replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。语法： node.replaceChild (newnode,oldnew ) 参数： newnode : 必需，用于替换 oldnew 的对象。 oldnew : 必需，被 newnode 替换的对象。我们来看看下面的代码:http://img1.sycdn.imooc.com//539557d70001c3ee07190429.jpg 效果: 将文档中的 Java 改为 JavaScript。注意: 1. 当 oldnode 被替换时，所有与之相关的属性内容都将被移除。 2. newnode 必须先被建立。

查看全部

0 采集收起来源：替换元素节点replaceChild()
2015-02-15
慕娘3584298

算术操作符除了(+、-、*、/)外，还有两个非常常用的操作符，自加一“++”；自减一“--”。首先来看一个例子： mynum = 10; mynum++; //mynum的值变为11 mynum--; //mynum的值又变回10 上面的例子中，mynum++使mynum值在原基础上增加1，mynum--使mynum在原基础上减去1,其实也可以写成: mynum = mynum + 1;//等同于mynum++ mynum = mynum - 1;//等同于mynum--

查看全部

0 采集收起来源：自加一，自减一 ( ++和- -)
2015-02-15
慕娘3584298

num1变量存储的内容是数值；num2变量存储的内容是字符串，字符串需要用一对引号""括起来，num3变量存储的内容是布尔值(true、false)。在JS中单引号和双引号都可以使用表示字符。单独出现的时候是没什么区别的，但是要注意的是两者同时出现的时候区别在于单引号包含双引号的时候，里面的双引号不用转义，反之亦然

查看全部

0 采集收起来源：多样化的我(变量赋值）
2018-03-22
艺澜_Daisy

for(var i=0;i<text.length;i++){ document.write("节点的名称:"+text[i].nodeName+"&nbsp"+"节点的值:"+text[i].nodeValue+"&nbsp"+"节点的属性:"+text[i].nodeType+"</br>"); }

查看全部

0 采集收起来源：访问子节点childNodes
2018-03-22
螃蟹1只

数组对象Array，方法reverse()：颠倒数组中元素的顺序，返回颠倒了顺序的数组，会改变原来的数组 1.格式：数组对象名.reverse();

查看全部

0 采集收起来源：颠倒数组元素顺序reverse()
2015-02-15
追风的人不会老

删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。语法: nodeObject.removeChild(node) 参数: node ：必需，指定需要删除的节点。我们来看看下面代码，删除子点。http://img1.sycdn.imooc.com//5399744d000153a306060342.jpg 运行结果: HTML 删除节点的内容: javascript 注意: 把删除的子节点赋值给 x，这个子节点不在DOM树中，但是还存在内存中，可通过 x 操作。如果要完全删除对象，给 x 赋 null 值，代码如下: http://img1.sycdn.imooc.com//539975a800017c8e04790082.jpg

查看全部

0 采集收起来源：删除节点removeChild()
2015-02-15

首页上一页 7587 7588 7589 7590 7591 7592 7593 下一页尾页

0/150

提交

取消

开始学习

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

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