慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

weixin_慕姐3144220

round(x)把一个数字四舍五入为最接近的整数。
注意：
1、返回与x最接近的整数。
2、对于0.5，该方法将进行上舍入。（5.5将舍入为6）
3、如果x与两侧整数同等接近，则结果接近+∞方向的数字值。（如-5.5将舍入为-5；-5.51将舍入为-6）

查看全部

0 采集收起来源：四舍五入round()
2019-03-19
weixin_慕姐3144220

ceil(x)对一个数进行向上取整。
返回的是大于或等于x，并且与x 最接近的整数。

查看全部

0 采集收起来源：向上取整ceil()
2019-03-19
weixin_慕姐3144220

floor(x)对一个数进行向下取整。
返回的是小于或等于x，并且与x最接近的整数。

查看全部

0 采集收起来源：向下取整floor()
2019-03-19
blackicon

<script type="text/javascript">
        function checkall(){
            var hobby = document.getElementsByTagName("input");
            for(var i=0;i<hobby.length;i++)
            {
                if(hobby[i].type=="checkbox")
                {
                    hobby[i].checked="checked";
                }
            }
          // 任务1

        }
        function clearall(){
            var hobby = document.getElementsByName("hobby");
             for(var i=0;i<hobby.length;i++)
            {
                if(hobby[i].checked="checked")
                {
                    hobby[i].checked=false;
                }
            }
         // 任务2

        }

        function checkone(){
            var j=document.getElementById("wb").value;
         switch(parseInt(j)){
                case 1:
                    document.getElementById("hobby1").checked="checked";
                    break;
                case 2:
                    document.getElementById("hobby2").checked="checked";
                    break;
                case 3:
                    document.getElementById("hobby3").checked="checked";
                    break;
                case 4:
                    document.getElementById("hobby4").checked="checked";
                    break;
                case 5:
                    document.getElementById("hobby5").checked="checked";
                    break;
                case 6:
                    document.getElementById("hobby6").checked="checked";
                    break;
                default:
                    document.write("请在1-6之间输入一个选项");
            }
         // 任务3

        }

        </script>

查看全部

1 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2019-03-19
山木和枝

onselect 需要选中文字
onfocus 只需点击

查看全部

0 采集收起来源：内容选中事件（onselect）
2019-03-19
山木和枝

onfocus和onblur事件都需要点击
而onmouseover和onmouseout不需要点击

查看全部

0 采集收起来源：失焦事件（onblur）
2019-03-19
山木和枝

事件是可以被 JavaScript 侦测到的行为。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。

查看全部

0 采集收起来源：什么是事件
2019-03-19
山木和枝
想对函数的结果进行处理:
```
return sum; //返回函数值,return后面的值叫做返回值。
```
也可以使用变量存储调用函数的返回值
查看全部

0 采集收起来源：返回值的函数
2019-03-19

是屎想者啊

查看浏览器的名称和版本，代码如下:

<script type="text/javascript">
   var browser=navigator.appName;
   var b_version=navigator.appVersion;
   document.write("Browser name"+browser);
   document.write("<br>");
   document.write("Browser version"+b_version);</script>

<script type="text/javascript">  
    var ua = navigator.userAgent;    
    if(/firefox/i.test(ua))
    {alert("我是火狐浏览器");   
     }else if(/chrome/i.test(ua))
     {alert("我是谷歌浏览器");   
      }else if(/msie/i.test(ua))
      {alert("我是ie10包括6，7，8，9");    
      }else if("ActionXObject" in window)
      {alert("么错，精灵古怪ie11");    }
      </script>

查看全部

0 采集收起来源：Navigator对象

2019-03-18

轩轩cc

选择卡
<!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;}

#tab-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 #FFFFFF;}

#tab-list div{border: 1px solid #7396B8;border-top: none;}
#tab-list div li{height: 30px;line-height: 30px;text-indent: 8px;}

.show{display: block;}.hide{display: none;}
</style>
<script type="text/javascript">

window.onload = function() {
var oUl1 = document.getElementById("ul1");
var aLi = oUl1.getElementsByTagName("li");
var oDiv = document.getElementById("tab-list");
var aDiv = oDiv.getElementsByTagName("div");
for(var i = 0; i < aLi.length; i++) {
aLi[i].index = i;
aLi[i].onmouseover = function() {
for(var i = 0; i < aLi.length; i++) {
aLi[i].className = "";
}
this.className = "active";
for(var j = 0; j < aDiv.length; j++) {
aDiv[j].className = "hide";
}
aDiv[this.index].className = "show";
}
}
}


</script>

</head>
<body>

<div id="tab-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:;">40平出租屋大改造美少女的混搭小窝</a></li>
<li><a href="javascript:;">经典清新简欧爱家 90平老房焕发新生</a></li>
<li><a href="javascript:;">新中式的酷色温情 66平撞色活泼家居</a></li>
<li><a href="javascript:;">瓷砖就像选好老婆卫生间烟道的设计</a></li>
</ul>
</div>
<div class="hide">
<ul>
<li><a href="javascript:;">通州豪华3居260万二环稀缺2居250w甩</a></li>
<li><a href="javascript:;">西3环通透2居290万 130万2居限量抢购</a></li>
<li><a href="javascript:;">黄城根小学学区仅260万 121平70万抛!</a></li>
<li><a href="javascript:;">独家别墅280万苏州桥2居优惠价248万</a></li>
</ul>
</div>
</div>

</body>
</html>

查看全部

0 采集收起来源：编程挑战
2019-03-18
_吾同_

3. 如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

查看全部

0 采集收起来源：提取字符串substring()
2019-03-18
轩轩cc

节点属性
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div>
javascript
<p>javascript</p>
<div>jQuery</div>
<h5>PHP</h5>
</div>
<script type="text/javascript">
var x=document.getElementsByTagName("div")[0].childNodes;
for(var i=0;i<x.length;i++)
{
document.write("第"+(i+1)+"个节点的值是："+x[i].nodeValue+"<br />");
document.write("第"+(i+1)+"个节点的名称是："+x[i].nodeName+"<br />");
document.write("第"+(i+1)+"个节点的属性是："+x[i].nodeType+"<br />");
document.write("<br />");
}

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

查看全部

0 采集收起来源：访问子节点childNodes
2019-03-18
_吾同_
注意：如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
将字符串分割为字符，代码如下：
```
document.write(mystr.split("")+"<br>");
document.write(mystr.split("", 5));
```
运行结果:
```
w,w,w,.,i,m,o,o,c,.,c,o,m
w,w,w,.,i
```
查看全部

0 采集收起来源：字符串分割split()
2019-03-18
_吾同_
2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。
```
document.write(str.indexOf("v") + "<br />");
  document.write(str.indexOf("v",8));
```
查看全部

0 采集收起来源：返回指定的字符串首次出现的位置
2019-03-18
_吾同_

2.如果要检索的字符串值没有出现，则该方法返回 -1。

查看全部

0 采集收起来源：返回指定的字符串首次出现的位置
2019-03-18

首页上一页 428 429 430 431 432 433 434 下一页尾页

0/150

提交

取消

开始学习

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

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