慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

緣来

使用parseInt()函数可解析一个字符串,并返回一个整数。
//获取选择框的值
var a1=document.getElementById("select").value;

查看全部

0 采集收起来源：编程练习
2019-07-25

woaixuexi3946647

语法:

switch(表达式){case值1:
  执行代码块 1  break;case值2:
  执行代码块 2  break;...case值n:
  执行代码块 n  break;default:
  与 case值1 、 case值2...case值n 不同时执行的代码
}

查看全部

0 采集收起来源：多种选择（Switch语句)

2019-07-25

woaixuexi3946647

2. 二维数组的定义方法二
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]

查看全部

0 采集收起来源：二维数组
2019-07-25
慕粉2305497555

scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离，即左边灰色的内容。
scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离，即上边灰色的内容。
offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2019-07-25
qq_慕妹1351099

计算器的加减乘除运算
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
var chan1=parseInt(document.getElementById("txt1").value);
//获取第一个输入框的值
var chan2=parseInt(document.getElementById("txt2").value);
//获取第二个输入框的值
var chan3=document.getElementById("select").value;
//获取选择框的值
var sum='';
switch(chan3){
case'+':
sum=chan1+chan2;
break;
case'-':
sum=chan1-chan2;
break;
case'*':
sum=chan1*chan2;
break;
default:
sum=chan1/chan2;

}
//获取通过下拉框来选择的值来改变加减乘除的运算法则
document.getElementById("fruit").value=sum;
//设置结果输入框的值

}
</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 采集收起来源：编程练习
2019-07-25
慕粉2305497555
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
2019-07-24
慕粉2305497555
一、对于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 采集收起来源：浏览器窗口可视区域大小
2019-07-24
慕粉2305497555
创建文本节点createTextNode
createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。
语法：
```
document.createTextNode(data)
```
参数：
data : 字符串值，可规定此节点的文本。
我们来创建一个<div>元素并向其中添加一条消息，代码如下：
查看全部

0 采集收起来源：创建文本节点createTextNode
2019-07-24

慕粉2305497555

创建元素节点createElement

createElement()方法可创建元素节点。此方法可返回一个 Element 对象。

语法：

document.createElement(tagName)

参数:

tagName：字符串值，这个字符串用来指明创建元素的类型。

注意：要与appendChild() 或 insertBefore()方法联合使用，将元素显示在页面中。

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>

<script type="text/javascript">   var body = document.body;    var input = document.createElement("input");  
   input.type = "button";  
   input.value = "创建一个按钮";  
   body.appendChild(input);  
 </script>

查看全部

0 采集收起来源：创建元素节点createElement

2019-07-24

慕粉2305497555
替换元素节点replaceChild()
replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。
语法：
```
node.replaceChild (newnode,oldnew )
```
参数：
newnode : 必需，用于替换 oldnew 的对象。
oldnew : 必需，被 newnode 替换的对象。
<div><b id="oldnode">JavaScript</b>是一个很常用的技术，为网页添加动态效果。</div>
<a href="javascript:replaceMessage()"> 将加粗改为斜体</a>

<script type="text/javascript">
function replaceMessage(){
var newnode=document.createElement("i");
var newnodetext=document.createTextNode("Javascript");
newnode.appendChild(newnodetext);
var oldnode=document.getElementById("oldnode");
oldnode.parentNode.replaceChild(newnode,oldnode);

}
查看全部

0 采集收起来源：替换元素节点replaceChild()
2019-07-24
fin1der

在文档对象模型 (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 采集收起来源：节点属性
2019-07-24
fin1der
```
elementNode.setAttribute(name,value)
```
查看全部

0 采集收起来源：setAttribute()方法
2019-07-24
慕粉2305497555
删除节点removeChild()
removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。
语法:
```
nodeObject.removeChild(node)
```
参数:
node ：必需，指定需要删除的节点。
查看全部

0 采集收起来源：删除节点removeChild()
2019-07-24
慕斯8024912

完全删除节点要将这个节点赋值null

查看全部

0 采集收起来源：删除节点removeChild()
2019-07-24
慕粉2305497555

插入节点insertBefore()
insertBefore() 方法可在已有的子节点前插入一个新的子节点。
语法:
insertBefore(newnode,node);
参数:
newnode: 要插入的新节点。
node: 指定此节点前插入节点。

查看全部

0 采集收起来源：插入节点insertBefore()
2019-07-24

首页上一页 317 318 319 320 321 322 323 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

创建文本节点createTextNode

创建元素节点createElement

替换元素节点replaceChild()

删除节点removeChild()

插入节点insertBefore()