1

我想像在以下 HTML 代码中那样调用该函数：

<html>
<head>
<script>
var reg1 = new Image
var red1 = new Image
reg1.src="1.gif"
red1.src="1R.gif"
var reg1s = new Image
var red1s = new Image
reg1s.src="1s.gif"
red1s.src="1sR.gif"
var reg3s = new Image
var red3s = new Image
reg3s.src="3s.gif"
red3s.src="3sR.gif"
</script>
</head>
<body>
<script LANGUAGE="JavaScript" src="script.js">
NavigationBar();
</script>
<h1 align="center">Welcome to Drexel!</h1>
<center> <img src="DrexelDragons.png"> </center>
These images are public domain clip art obtained from 
<a href="http://www.clipart.co.uk/"><img src="cwbutton.gif"></a>
</body>
</html>

我从一个单独的 .js 文件中调用它。这是代码。

function NavigationBar()
{
document.write("<a href=\"Home page2.html\" onMouseOver=\"document.thereg1.src=red1.src\" onMouseOut=\"document.thereg1.src=reg1.src\"><img src=\"1.gif\" Name=\"thereg1\"></a>")
return ""
}

我的问题是它会运行，但它不会显示图像或在它被声明为函数时执行我想要它执行的操作。如果我只是把它作为一个 document.write 语句，它工作得很好，但我需要它作为一个函数。

4

1 回答 1

1

不要混合加载外部资源的脚本标签和应该执行其内容的脚本标签。如果标签有 src 属性，浏览器需要忽略标签中的内容：

如果 src 有一个 URI 值，用户代理必须忽略元素的内容并通过 URI 检索脚本

将其更改为此，它应该可以工作：

<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
  NavigationBar();
</script>

资料来源：

带有 src AND 内容的 script-Tag 是什么意思？

http://www.w3.org/TR/1999/REC-html401-19991224/interact/scripts.html#edef-SCRIPT

于 2013-11-06T01:55:50.887 回答