想问下如何把JS网页代码插入到HTML代码当中
求教各位大侠，我想要我网页中的一段文字闪烁，但是当我把JS代码插入到源代码当中，网页布局就全乱掉了，不知道是哪里出了问题我的源代码格式如下</tr><tr><th></t...
求教各位大侠，我想要我网页中的一段文字闪烁，但是当我把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>
但是加进去之后，刷新网页，布局就会乱掉了，请教各位大侠 我应该怎么加呢 展开
我的源代码格式如下
</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>
但是加进去之后，刷新网页，布局就会乱掉了，请教各位大侠 我应该怎么加呢 展开
3个回答
展开全部
四种方法：
写在头部
<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找不到标签-执行失败的现象(当然，不会有提示的)。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把你的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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script></script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
