Question

点击按钮后，我正试图提醒“你好”。我在浏览器上面得到了上面的错误，如下面的html中所示，我将脚本链接放在按钮标记下面，所以我不知道导致错误的原因。任何帮助表示赞赏。

receiver.js

$(function(){
    $("#passform").click(function(){
		alert("hello");
		console.log("hello");
	});
});

的index.html

<!DOCTYPE html>
	<html>
	<head>
	   <link href="public/stylesheets/style.css" rel="stylesheets" />
	</head>

	<body>
		<button type="submit" id="passform"></button>

	     <script type="scripi/javascript" src="C:/users/owner/desktop/steelVault/public/javascripts/receiver.js"></script>
	     <script type="scripi/javascript" src="C:/users/owner/desktop/steelVault/public/javascripts/jquery/jquery-2.2.4.min.js"></script>
	</body>
	</html>

Answer 1

您的receiver.js文件明确引用了jQuery，因此依赖于它。因此，您需要确保在引用依赖于它的其他文件之前引用jQuery：

<script type="script/javascript" src="C:/users/owner/desktop/steelVault/public/javascripts/jquery/jquery-2.2.4.min.js"></script>
<script type="script/javascript" src="C:/users/owner/desktop/steelVault/public/javascripts/receiver.js"></script>

除此之外，我没有看到任何明确引用removeAttribute()函数的代码，因此示例中缺少一些代码或某些脚本无法正确加载的问题。

示例

<!DOCTYPE html> <html> <head>  </head> <body> <button type="submit" id="passform"></button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> $(function() { $("#passform").click(function() { alert('hello'); console.log('hello'); }); }); </script> </body> </html>

Answer 2

你在Chrome上运行吗？它可能与AdBlock有关。尝试将浏览器更改为FireFox，看看您是否收到同样的错误。

TypeError：无法读取null的属性“removeAttribute”

2 个答案: