gpt4 book ai didi

javascript - Microsoft Edge 扩展,如何操作 popup.html DOM

转载 作者:行者123 更新时间:2023-11-30 00:02:52 25 4
gpt4 key购买 nike

我是浏览器扩展开发的新手。我正在尝试做一些简单的事情,但我真的不知道为什么不起作用。问题是什么?我无法操作 popup.html 文件的 DOM。举个例子:

<html>
<head>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
</head>
<body id="content">
<p> Hello world </p>
<button id="go" />
</body>
</html>

这是我非常简单的 main.js 文件:

$(document).ready(function() { 

$('#go').click( function(){

$( "#content" ).empty();
alert("Done");
});
});

点击后,我 body 的内容似乎并没有消失,但如果我发出警报,我可以看到我的代码有效(当警报显示时)。但是在 click() 事件之后(当我关闭警报时),弹出文件已恢复并且段落仍在此处。

那么,我做错了什么?我可以操作弹出文件的 DOM 吗?或者我的 JS 代码需要修复?我做了一些测试,我注意到任何事件、任何数据和任何操作都会在 click() 事件之后消失。我也试过了

location.href = "other_page.html"; 

重定向有效,但正如我所说,点击后我返回 popup.html 文件。

谢谢,我来这里是为了更多的规范

最佳答案

我遇到了同样的问题......我认为 Edge 不喜欢 jquery click() 函数。

试试这个:

document.getElementById("logout").addEventListener("click", function() { 
$( "#content" ).empty();
alert("Done");
}

我已经这样解决了:)

关于javascript - Microsoft Edge 扩展,如何操作 popup.html DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39690791/

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