我一直在创建一个 Chrome 扩展，它将我的新标签页分成 2 个框架，这样我就可以尝试加载 2 个不同的 URL。现在我开始很简单，但我无法让它们按预期加载。代码如下:
背景.html
<!DOCTYPE html>
<html>
<head>
<title>2 Pages</title>
</head>
<frameset cols="*,*">
<frame src="left.html" name="left">
<frame src="right.html" name="right">
</frameset>
<script type="text/javascript" src="script.js"></script>
</html>
左和右
<!DOCTYPE html>
<html>
<body>
<input type="button" value="Load new document" id="loader">
</body>
</html>
Script.js
document.addEventListener('DOMContentLoaded', function() {
document.getElementById("loader").addEventListener.("click", loadUrl);
});
function loadUrl(){
window.location = 'http://www.w3schools.com';
return false;
}
我尝试在帧之前和之后加载js，也在每个帧内加载js。当我点击输入按钮时，什么也没有发生。我检查了该页面，它显示没有事件监听器存在，并且控制台中没有错误。不过，如果我尝试剪切 frameset 并尝试仅使用一个按钮加载页面，则会收到一条错误，内容为 Uncaught SyntaxError: Unexpected token ( for line 2 script.js。我缺少什么吗？谢谢。
最佳答案
将此脚本从 Bakcground.html 移至 Left@Right.html
<script type="text/javascript" src="script.js"></script>
然后在 script.js 中删除“.”点击之前
document.getElementById("loader").addEventListener.("click", loadUrl);
上面的行应该是
document.getElementById("loader").addEventListener("click", loadUrl);
关于javascript - Chrome 扩展程序未加载 EventListener，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35426079/