动力节点首页 全国咨询热线:400-8080-105

绑定手机号,登录
手机号

验证码

微信登录
手机号登录
手机号

验证码

微信登录与注册
微信扫码登录与注册

扫码关注微信公众号完成登录与注册
手机号登录
首页 > 文章

JavaScript标签放置位置

07-02 13:28 612浏览
举报 T字号
  • 大字
  • 中字
  • 小字

首先:放置位置哪里都能放

但是js代码很有可能不起作用:例如:往id为span的标签中定时插入数字

var time=document.getElementById("span");
    function counttime() {
        time.innerHTML=count;
        count=count-1;
        if(count<0)
            clearTimeout(t);
        setTimeout(function () { counttime() },1000);
    }
    counttime();
,<span id="span" style="color: #FF0000">

解析html由上到下解析,js代码无法找到id为span的标签。因此,如果全局变量直接获取标签则js代码应该放在所用标签位置下方。

解决办法1:使用window.onload令页面加载完成后再执行。则所有标签/内容加载完毕后才会执行function(),效果等同于将function放置于所获取标签之后。

<script>
    window.onload=function(){
            count=5;
        var time=document.getElementById("txt");
    function counttime() {
    time.innerHTML=count;
        count=count-1;
        if(count<0)
            clearTimeout(t);
        setTimeout(function () { counttime() },1000);
    }    
    counttime();}
</script>
</head>
<body>  
<p id="txt">
    ssssssssssssssssssa
</p>
<body>
<title>test</title>
    <script><br>count=55;
    function counttime() {
      document.getElementById("txt").innerHTML=count;
        count=count-1;
        if(count<0)
            clearTimeout(t);
        setTimeout(function () { counttime() },1000);
    }      
</script>
</head>
<body>
<p id="txt">
</p>
<input type="button" onclick="counttime()" value="anniu">ssssss</input>
</body>

当获取标签在function内,则当调用function时才能赋值,所有将function放置在head、body内.body与html之间都行。

简单说,没有在全局变量直接获取标签则script放置任何位置都可,影响的是执行效率。

当在全局变量直接获取标签,则必须放置在所获标签之后。

动力节点在线课程涵盖零基础入门,高级进阶,在职提升三大主力内容,覆盖Java从入门到就业提升的全体系学习内容。全部Java视频教程免费观看,相关学习资料免费下载!对于火爆技术,每周一定时更新!如果想了解更多相关技术,可以到动力节点在线免费观看JavaScript视频教程学习哦!

0人推荐
共同学习,写下你的评论
0条评论
代码小兵652
程序员代码小兵652

113篇文章贡献392215字

相关课程 更多>

作者相关文章更多>

推荐相关文章更多>

JavaWeb的3大组件

代码小兵49806-11 15:28

全面解析Cookie技术

代码小兵49806-11 15:51

浅谈JavaWeb架构演变

代码小兵49806-11 16:22

探讨Web开发中的Session存储与管理

代码小兵51603-29 17:28

JavaScript基础知识

 暴风城-小飞04-06 20:49

发评论

举报

0/150

取消