慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

Pilibill

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>location</title>
</head>
<script type="text/javascript">
document.write(location.hash+"hash"+"</br>"+location.host+"host"+"</br>"+location.hostname+"hostname"+"</br>"+location.href+"herf"+"</br>"+location.pathname+"pathname"+"</br>"+location.port+"port"+"</br>"+location.protocol+"protocol"+"</br>");

</script>

<body>
</body>
</html>

查看全部

0 采集收起来源：Location对象
2019-05-24
美貌热闹

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
不太理解那个字符后面的数字。

查看全部

0 采集收起来源：返回指定的字符串首次出现的位置
2019-05-24
幕布斯8176844

/* CSS样式制作 */
#main{
width: 900px;
}
ul{
list-style-type: none;
}
#ul1 li{
position: relative;
display: block;
float: left;
width: 60px;
height: 35px;
line-height: 35px;
text-align: center;
margin: 0px 10px;
border:1px solid #eee;
border-bottom: 0px;
background-color: #fff;
z-index: -2;
}
#ul1 .liactive{
position: relative;
z-index: 0;
border-top: 2px solid red;
}
.title{
width: 400px;
height: 180px;
border: 2px solid red;
position: absolute;
top:50px;
left: 0px;
line-height: 40px;
z-index: -1;
}
.hidden{
display: none;
}
</style>
<script type="text/javascript">
window.onload = function() {
var allul=document.getElementById("ul1");
var allli=allul.getElementsByTagName('li');
var alltittle=document.getElementsByClassName("title");
// JS实现选项卡切换
for(var i = 0; i < allli.length; i++) {
allli[i].index = i;
allli[i].onmouseover = function() {
for(var i = 0; i < allli.length; i++) {
allli[i].className = "#ul1 li";
}
this.className = "liactive";
for(var j = 0; j <alltittle.length; j++) {
alltittle[j].className = "title hidden";
}
alltittle[this.index].className = "title active";
}
}
}
</script>

查看全部

0 采集收起来源：编程挑战
2019-05-24
qq_苗_2

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">
var infos=[
['小A','女',21,'大一'],['小B','男',23,'大三'],
['小C','男',24,'大四'],['小D','女',21,'大一'],
['小E','女',22,'大四'],['小F','男',21,'大一'],
['小G','女',22,'大二'],['小H','女',20,'大三'],
['小I','女',20,'大一'],['小J','男',20,'大三']
]

//第一步把之前的数据写成一个数组的形式,定义变量为 infos
for (i=0;i<infos.length;i++){

if (infos[i][3]=="大一"&&infos[i][1]=="女"){

document.write(infos[i][0] + "<br/>")

}

}
//第一次筛选，找出都是大一的信息


//第二次筛选，找出都是女生的信息


</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-05-24

凤黯

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
    var num1 = parseInt(document.getElementById("txt1").value);
    var num2 = parseInt(document.getElementById("txt2").value);
    var sel = document.getElementById("select").value;
    var sum = 0;
    switch(sel) {
        case '+':
            sum = num1 + num2;
            break;
        case '-':
            sum = num1 - num2;
            break;
        case '*':
            sum = num1 * num2;
            break;
        case '/':
            sum = num1 / num2;
            break;
        default:
            break;
    }
    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-05-24

独白biubiubiu

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">

//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var infos= [ ['小A','女',21,'大一'], ['小B','男',23,'大三'],

['小C','男',24,'大四'], ['小D','女',21,'大一'],

['小E','女',22,'大四'], ['小F','男',21,'大一'],

['小G','女',22,'大二'], ['小H','女',20,'大三'],

['小I','女',20,'大一'], ['小J','男',20,'大三']]

//第一种
for(i=0;i<infos.length;i++){
if(infos[i][3]=="大一"){
var myarr = new Array();
myarr.push(infos[i]);
for(j=0;j<myarr.length;j++){
if(myarr[j][1]=="女"){
document.write(myarr[j][0]+"<hr>");
}
}
}
}
//第二种
for(i=0;i<infos.length;i++){
if(infos[i][1]=="女"&&infos[i][3]=="大一"){
document.write(infos[i][0])
}
}

</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-05-24
文山湖的猫
```
substring(startPos,stopPos)
```
从startPos开始，到stopPos结束，不提取stopPos位置的字符
查看全部

0 采集收起来源：提取字符串substring()
2019-05-24
874194297

Math对象和 Date，String对象的区别：（无需创建）
Math 对象是一个固有的对象，无需创建它，直接把 Math 作为对象使用就可以调用其所有属性和方法。。

查看全部

0 采集收起来源：Math对象
2019-05-24
Pilibill
第一种方法：
```
var myarray = new Array(66,80,90,77,59);//创建数组同时赋值
```
第二种方法：
```
 var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）
```
注意：数组存储的数据可以是任何类型（数字、字符、布尔值等）
查看全部

0 采集收起来源：谁是团里成员（数组赋值）
2019-05-23
Pilibill

js数组可以越界

查看全部

1 采集收起来源：组团，并给团取个名（如何创建数组）
2019-05-23
weixin_慕仙2122268
替换元素节点replaceChild()
replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。
语法：
```
node.replaceChild (newnode,oldnew )
```
参数：
newnode : 必需，用于替换 oldnew 的对象。
oldnew : 必需，被 newnode 替换的对象。
查看全部

0 采集收起来源：替换元素节点replaceChild()
2019-05-23
weixin_慕仙2122268
删除节点removeChild()
removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。
语法:
```
nodeObject.removeChild(node)
```
参数:
node ：必需，指定需要删除的节点。
查看全部

0 采集收起来源：删除节点removeChild()
2019-05-23
weixin_慕仙2122268

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

查看全部

0 采集收起来源：插入节点insertBefore()
2019-05-23
weixin_慕仙2122268
插入节点appendChild()
在指定节点的最后一个子节点列表之后添加一个新的子节点。
语法:
```
appendChild(newnode)
```
参数:
newnode：指定追加的节点。
我们来看看，div标签内创建一个新的 P 标签，代码如下:
查看全部

0 采集收起来源：插入节点appendChild()
2019-05-23
weixin_慕仙2122268
访问兄弟节点
1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.nextSibling
```
说明：如果无此节点，则该属性返回 null。
2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.previousSibling
```
说明：如果无此节点，则该属性返回 null。
注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而其它浏览器不会忽略。
解决问题方法:
判断节点nodeType是否为1, 如是为元素节点，跳过。
查看全部

0 采集收起来源：访问兄弟节点
2019-05-23

首页上一页 372 373 374 375 376 377 378 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

替换元素节点replaceChild()

删除节点removeChild()

插入节点insertBefore()

插入节点appendChild()

访问兄弟节点