0

可能重复:
带有 src 和内容的脚本标签是什么意思?

我在我的 html 页面中使用了以下内容

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="resources/scripts/jquery-1.8.2.min.js">

$(document).ready(function(){
  alert("ABC");
});
</script>
</head>

<body>
<p>THIS IS MY INDEX PAGE.</p>
</body>
</html>

jquery 在这里不起作用,这意味着在其中放入警报后我看不到它的任何效果。

<script>但是当我像下面那样放入单独的标签时,它可以工作,

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="resources/scripts/jquery-1.8.2.min.js">
</script>
<script>
$(document).ready(function(){
  alert("ABC");
});
</script>
</head>

<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>

所以如果有人解释?

4

4 回答 4

6

来自 w3schools:

http://www.w3schools.com/tags/tag_script.asp

“注意:如果存在“src”属性,则该元素必须为空。”

当您使用脚本标签时,您可以使用 src 属性或标签内部提供源代码,但不能同时提供两者。

于 2012-10-22T17:26:40.017 回答
3

这是因为,您正在为 src 标记提供 javascript。

src 文件内容将扩展为<script>(开始和结束)标签的内容。

如果需要,您可以使用 firebug 进行检查。

于 2012-10-22T17:25:12.790 回答
2

您的第一个标签所做的是告诉浏览器脚本的内容位于外部文件中。它将忽略实际标记中的任何脚本,以支持文件的内容。

您需要使用单独的标签。

于 2012-10-22T17:26:45.990 回答
0

我不知道 。但是,如果您在标签内的“src”中分配的来源是在线来源。

如果您保存,请转到该来源并复制脚本并将其保存在本地。然后

分配您本地的“src”然后它将起作用。IE。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="../polin/jquery_library.js">
function fn()
{alert("pp");}
</script>
<script type="text/javascript">
$(document).ready(function(){
alert("ABC");
});
function fn()
{alert("oo");}
</script>
</script>
 </head>

<body onload="fn()">
<p>THIS IS MY INDEX PAGE.</p>
</body>
</html>

src="../polin/jquery_library.js" 这个文件在我本地保存 jquery 源脚本的地方。它工作

于 2012-10-22T17:40:52.303 回答