指向外部 javascript 的 HTML 链接不起作用
[英]HTML link to external javascript not working
问题描述
我是 JavaScript 的新手。 我为我的网页创建了一个外部脚本，但它不起作用。 但是当我将它写在 html 中时，它工作正常。 这是我的脚本。
window.onload = function(){
document.getElementById("demo").onmouseover = function() {mouseOver()};
document.getElementById("demo").onmouseout = function() {mouseOut()};
function mouseOver(){
document.getElementById("dem").style.display = "inline";
}
function mouseOut(){
document.getElementById("dem").style.display = "none";
}
};
这是我的 HTML
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="indexahnew.js">
</script>
<link rel="stylesheet" type="text/css" href="first.css">
<div class="container" id='1'><a href="#" class="button" >about me</a>
<a href="www.google.com"; class="button"; id="demo">contact</a>
<a href="www.google.com" class="button" >canvas</a>
<a href="group.html" class="button" >our group</a>
<a href="www.google.com" class="button" >my blog</a></div>
</head>
<body background= 'green.jpg'; >
<div class="contact" style="display:none;" id="dem">
<ul><li>Contact number : 1234567890</li>
<li> Email                 :email@gmail.com</li>
</ul>
</div>
</body>
</html>
2 个解决方案
解决方案1
0 2015-08-02 06:14:53
从此更改您的脚本标签：
<script src="indexahnew.js">
</script>
到：
<script src="indexahnew.js" type="text/javascript"></script>
除非您要在页面上添加脚本，否则开头或结尾之间不允许有新行或空格。
解决方案2
0 已采纳 2015-08-02 06:17:23
- 检查 Chrome Developer 以查看是否包含 js 文件
- 路径是否正确？ 应该是'/indexahnew.js'吗？
- 删除脚本标签中的新行
- 将脚本标签添加到 html 正文的末尾而不是头部（最佳实践）
HTML链接到外部JavaScript无法正常工作
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.