有没有js高手给我讲解一下这个js,主要是第二个for循环以后

JavaScript010

有没有js高手给我讲解一下这个js,主要是第二个for循环以后,第1张

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>RunJS 演示代码</title>

<style>

.on{

background-color:#fd3

}

.hide{

display:none

}

</style>

<script>

window.onload = function() {

    var oTab = document.getElementById("tabs")

    var oUl = oTab.getElementsByTagName("ul")[0]

    var oLis = oUl.getElementsByTagName("li")

    var oDivs = oTab.getElementsByTagName("div")

    var index = 0

    for (var i = 0 i < oLis.length i++) {

        (function(i) {

            oLis[i].onclick = function() {

                oLis[index].className = ""

                oDivs[index].className = "hide"

                oLis[i].className = "on"

                oDivs[i].className = ""

                index = i

            }

        })(i)

    }

}

</script>

  </head>

<body>

<div id="tabs">

    <ul>

        <li class="on">房产</li>

        <li>家居</li>

        <li>二手房</li>

    </ul>

    <div>

        275万购昌平临帖三居 总价20万买一居<br>

        200万内购五环三居 140万安家东三环<br>

        275万购昌平临帖三居 总价20万买一居<br>

        200万内购五环三居 140万安家东三环<br>

    </div>

    <div class="hide">

        40pingchuzuwudagaizao meishaonvdehu<br>

        jigndianqingxinjiangouaijia90pingla<br>

        40pingchuzuwudagaizao meishaonvdehu<br>

        jigndianqingxinjiangouaijia90pingla<br>

    </div>

    <div class="hide">

        50pingchuzuwudagaizao meishaonvdehu<br>

        asdadafsadangxinjiangouaijia90pingla<br>

        50pingchuzuwudagaizao meishaonvdehu<br>

        jigndianqingxinjiangouaijia90pingla<br>

    </div>

</div>

</body>

</html>

它们的用途不同,JS是网页前端脚本,全称是javascript。C的话,相信不用我多说了。

如果你光学JS,那是没什么用处的。JS是配合网页的。

不过,个人还是觉得JS比较有前途,毕竟以后计算机的发展方向是云方向,以后的计算机时代是网络时代。而云时代,JS是必不可少的。

看不是很清楚的图,给你几个建议

1、js字符串用单引号,这样就不用双引号转义

2、写一个String.format方法

String.format=function(str,/*args*/){

if(arguments.lenh1){

for(var i=1iltarguments.lenh){

var ordVal=/?+i+?/ //这里设置一个标识为/??/

str=str.replace(ordVal,arguments[i])

}

}

return str

}

这样就可以这样用

var html=lthtml/?1?/,/?2?/lt/html

var head=ltheadlttitle这是titlelt/titlelt/head

var body=ltbody这是bodylt/body

//把/?1?/替换成head的内容,/?2?/替换成body的内容,当然这个标识你可以自己设置成别的,比如{1},/1/,:1:都可以,只要不和你的本来的代码冲突就行了

html=String.fromat(html,head,body)

3、走到E1不走了,看看你的那个对象里有没有null或者undefined,如果有就会报错

var arr=[x0,x1,undefined,x2,x3,x4]

for(var i=0iltarr.lenhi++){

//这里建议先判断一下,判断方法能不能用==我忘了,我做个示例

if(arr[i]==undefined arr[i]==null){

continue

}

//不为null和undefined时执行这里的代码

}