想问下如何把JS网页代码插入到HTML代码当中

求教各位大侠,我想要我网页中的一段文字闪烁,但是当我把JS代码插入到源代码当中,网页布局就全乱掉了,不知道是哪里出了问题

我的源代码格式如下
</tr>
<tr>
<th></th>
<td><span class="STYLE1">注意:请选择"<span class="STYLE5">即时到帐</span>"付款,否则无法到账。<span class="STYLE4"><a href="__ROOT__/statics/home/images/zfb.jpg" target="_blank">查看演示</a></span></span></td>
<td></td>
</tr>
</table>
</form>
</div>
</div>
</div>
</div>

<include file="Public:foot" />
</body>
</html>

我需要把注意:请选择"<span class="STYLE5">即时到帐</span>"付款,否则无法到账。这段文字弄成闪烁的,于是加了这样一段代码
<div id="blink">注意:请选择"即时到帐"付款,否则无法到账</div>
<script language="javascript">
function changeColor(){
var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray";
color=color.split("|");
document.getElementById("blink").style.color=color[parseInt(Math.random()() * color.length)];
}
setInterval("changeColor()",200);
</script>
但是加进去之后,刷新网页,布局就会乱掉了,请教各位大侠 我应该怎么加呢

四种方法:

    写在头部

    <html>

    <head>

       <script language="javascript">....</script>

    </head>

    <body>

    </body>

    </html>

    写在body中

    <html>

    <head>

    </head>

    <body>

       <script language="javascript">....</script>

    </body>

    </html>

    引入.js文件(引入独立的“.js”文件)

    <script src="***.js"></script>

    <!--同样,引入的.js文件可以在头部、body中-->

    嵌入HTML中

    <html>

    <head>

    </head>

    <body>

      <button onclick="alert('hello!')">点击有弹窗</button>

    </body>

    </html>

注意:javascript是解释性语言,逐行解析,其非函数部分尽量写在HTML标签之后,否则会导致JS找不到标签-执行失败的现象(当然,不会有提示的)。

温馨提示:内容为网友见解,仅供参考
第1个回答  2014-02-18

把你的JS代码放在</head>之前

<script language="javascript"> 
function changeColor(){ 
var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; 
color=color.split("|"); 
document.getElementById("blink").style.color=color[parseInt(Math.random()() * color.length)]; 

setInterval("changeColor()",200); 
</script>

追问

标签是在页面的头部,而这个文字是在底部的啊?如果放在标签内,文字的位置也会改到 前面去了吧,还是直接在这个代码的前后再加一个标签呢?

追答

文字不放,只是把下面JS这部分放到</head>标签之前

<script language="javascript"> 
function changeColor(){ 
var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; 
color=color.split("|"); 
document.getElementById("blink").style.color=color[parseInt(Math.random()() * color.length)]; 

setInterval("changeColor()",200); 
</script>

追问

按照你说的,刚刚试了一下,只把这段代码放到标签之前,页面布局还是会乱掉的~~~~

追答

那就是其他问题了吧,你把所有代码贴上来?或者+QQ2557728500

本回答被提问者采纳
第2个回答  2015-07-21
<script></script>
相似回答