为什么这段代码不能用于chrome,firefox等?

时间:2014-04-20 08:51:31

标签: javascript jquery html css

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="javascript" src="F:\html\js\jquery.js">
</script>
<script charset="UTF-8" type="javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

&#34;嗨,我是jquery的新手。当我把jquery lib的直接源路径它工作但是如果在本地系统中保存为jquey.js文件不工作。然后我从网上看到有人说要改变脚本标签的字符集然后我改变但仍然没有工作任何浏览器。&#34;

1 个答案:

答案 0 :(得分:3)

要么在线引用jQuery库(例如<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>),要么想要使用自己的副本,请确保它位于文件系统的同一目录下,与您调用的文件位于同一目录下来自;它也可以是该目录中的子目录。然后你只需使用相对路径而不是完整路径来调用它,它将始终有效(考虑到你保持相同的文件夹/文件结构)。

假设您的html文件位于......

F:\html\mypage.html

...那么你现在可以拥有你的jQuery库......

F:\html\js\jquery.js

...但是在您的mypage.html文件中(在head中),您可以这样称呼它:

<script type="javascript" src="js\jquery.js">