gpt4 book ai didi

javascript - Chrome 扩展程序未加载 EventListener

转载 作者:行者123 更新时间:2023-12-03 07:40:44 26 4
gpt4 key购买 nike

我一直在创建一个 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com