慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

qq_阿甘先生_0

记得Document不要忘了

查看全部

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

7-22数组排序sort（）函数指针

查看全部

0 采集收起来源：数组排序sort()
2019-07-29
qq_阿甘先生_0

主要事件表

查看全部

0 采集收起来源：什么是事件
2019-07-29
qq_慕仙5166478

var j = document.getElementById("wb").value可以分为三步解读，首先从文档流中获得id为wb的对象，然后通过.value取得该对象的value属性，并把这个对象的value值赋给变量j；

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2019-07-29
qq_慕仙5166478
getElementsByTagName()方法
返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。
语法:
```
document.getElementsByTagName(Tagname)
```
说明:
1. Tagname是标签的名称，如p、a、img等标签名。
2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，所以从0开始。
查看全部

0 采集收起来源：getElementsByTagName()方法
2019-07-29
qq_慕仙5166478
getElementsByName()方法
返回带有指定名称的节点对象的集合。
语法：
```
document.getElementsByName(name)
```
与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。
注意:
1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。
2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，从0开始。
查看全部

0 采集收起来源：getElementsByName()方法
2019-07-29
qq_阿甘先生_0

注意: 如果A为真，A || B为真，不会在执行B; 反之，如果A为假，要由 B 的值来决定 A || B 的值。

查看全部

0 采集收起来源：我或你都可以 (逻辑或操作符）
2019-07-28
慕哥2132778

creatTextNode创建的是文本节点，需要创建一个元素节点将其添加到其中

查看全部

0 采集收起来源：插入节点insertBefore()
2019-07-28
qq_慕莱坞6324587

平均分
<script type="text/javascript">
    var myDate=new Date();
    var myDdy=myDate.getDay();
    var weekDay=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"] ;
document.write("今天是：" + weekDay[myDdy] + "<br/>" );

var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var scorArr = scoreStr.split(";");//字符串分成数组
var sumscore = 0;
for(var i=0;i<scorArr.length;i++){
        sumscore+=(parseInt(scorArr[i].split(":")[1]))；//sumscore+:让每个循环的数相加
    }
    document.write(scorArr + "<br/>")
document.write(sumscore + "<br/>")
document.write(myDate.getFullYear() + "年" + myDate.getMonth() + "月" + myDate.getDate() + "日" + weekDay[myDdy] + "班级总分：" + sumscore + "平均分：" + sumscore/scorArr.length)
   </script>

查看全部

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

因为文档中的name属性可能不唯一，所有getElementsByName()方法返回的是元素的数组，而不是一个元素。

查看全部

0 采集收起来源：getElementsByName()方法
2019-07-27
qq_慕莱坞6324587

通过变量存储调用函数的返回值 function app2(x,y)
{ var sum,x,y;
    sum = x * y;
    return sum;
}
    req1 = app2(5,6);
    req2 = app2(2,3);
    sumq = req1 + req2;
document.write("req1的值:"+req1+"<br/>");
document.write("req2的值:"+req2+"<br/>");
document.write(req1+"与"+req2+"和:"+sumq);
</script>

查看全部

0 采集收起来源：返回值的函数
2019-07-27
qq_慕莱坞6324587

function count(){
    var a = document.getElementById("txt1").value;
    //获取第一个输入框的值
var b = document.getElementById("txt2").value;//获取第二个输入框的值
var c = document.getElementById("select").value;//获取选择框的值
//获取通过下拉框来选择的值来改变加减乘除的运算法则
    //设置结果输入框的值
    var result ;
    switch(c){
        case "+":
            result = parseInt(a) + parseInt(b);
            break;
        case "-":
            result = parseInt(a) - parseInt(b);
            break;
        case "*":
            result = parseInt(a) * parseInt(b);
            break;
        default:
            result = parseInt(a) / parseInt(b);

    }
     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' />

查看全部

1 采集收起来源：编程练习
2019-07-27
緣来
网页尺寸offsetHeight
offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。
一、值
offsetHeight = clientHeight + 滚动条 + 边框。
二、浏览器兼容性
```
var w= document.documentElement.offsetWidth     || document.body.offsetWidth; var h= document.documentElement.offsetHeight     || document.body.offsetHeight;
```
查看全部

0 采集收起来源：网页尺寸offsetHeight
2019-07-26

緣来

是网页内容高度/宽度
var w=document.documentElement.scrollWidth
   || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
   || document.body.scrollHeight;

查看全部

0 采集收起来源：网页尺寸scrollHeight

2019-07-26

weixin_慕仙841830

JS Tab切换
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实践题 - 选项卡</title>
<style type="text/css">
/* CSS样式制作 */
*{
margin: 0;
padding: 0;
font:normal 12px "微软雅黑";
color:#000000;
}
ul{
list-style-type: none;
}
a{
text-decoration: none;
}
#table-list{
width: 275px;
height: 190px;
margin: 20px auto;
}
#ul1{
border-bottom: 2px solid #8B4513;
height: 32px;
}
#ul1 li{
display: inline-block;
width: 60px;
line-height: 30px;
text-align: center;
border: 1px solid #999;
border-bottom: none;
margin-left: 5px;
}
#ul1 li:hover{
cursor: pointer;
}
#ul1 li.active{
border-top:2px solid #8B4513;
border-bottom:2px solid #FFF;
}
#table-list div{
border: 1px solid #7396B8;
border-top: none;
}
#table-list div li{
height: 30px;
line-height: 30px;
text-indent: 8px;
}
.show{
display: block;
}
.hide{
display: none;
}


</style>
<script type="text/javascript">

// JS实现选项卡切换
window.onload = function() {
var oUl1 = document.getElementById("ul1");
var aLi = oUl1.getElementsByTagName("li");
var oDiv = document.getElementById("table-list");
var aDiv = oDiv.getElementsByTagName("div");
for (var i = 0; i < aLi.length; i++) {
aLi[i].index = i;//定义一个index属性对li进行编号
aLi[i].onclick = function() {
for (var i = 0; i < aLi.length; i++) {//这步是相对于未被点击部分的样式
aLi[i].className = "";
aDiv[i].className = "hide";
}
this.className = "active";//当前点击部分的样式
aDiv[this.index].className = "show";//当前点击部分的样式
};
}
};

</script>

</head>
<body>

<div id="table-list">
<ul id="ul1">
<li class="active">房产</li>
<li>家居</li>
<li>二手房</li>
</ul>
<div>
<ul>
<li><a href="javaScript:;">275万购昌平邻铁三居总价20万买一居</a></li>
<li><a href="javaScript:;">200万内购五环三居 140万安家东三环</a></li>
<li><a href="javaScript:;">北京首现零首付楼盘 53万购东5环50平</a></li>
<li><a href="javaScript:;">京楼盘直降5000 中信府公园楼王现房</a></li>
</ul>
</div>
<div class="hide">
<ul>
<li><a href="javaScript:;">275万购</a></li>
<li><a href="javaScript:;">200万内购五环三居 140万安家东三环</a></li>
<li><a href="javaScript:;">北京首现零首付楼盘 53万购东5环50平</a></li>
<li><a href="javaScript:;">京楼盘府公园楼王现房</a></li>
</ul>
</div>
<div class="hide">
<ul>
<li><a href="javaScript:;">275万购昌平邻</a></li>
<li><a href="javaScript:;">200万内购东三环</a></li>
<li><a href="javaScript:;">北京盘 53万购东5环50平</a></li>
<li><a href="javaScript:;">京楼盘直降5000 中信府公园楼王现房</a></li>
</ul>
</div>
</div>

</body>
</html>

查看全部

0 采集收起来源：编程挑战
2019-07-26

首页上一页 315 316 317 318 319 320 321 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

getElementsByTagName()方法

getElementsByName()方法

creatTextNode创建的是文本节点，需要创建一个元素节点将其添加到其中

网页尺寸offsetHeight