首页 / JAVASCRIPT / 点击Chrome扩展程序中的popup.html图标运行javascript

点击Chrome扩展程序中的popup.html图标运行javascript

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了点击Chrome扩展程序中的popup.html图标运行javascript，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1057字，纯文字阅读大概需要2分钟。

内容图文

我想要的很简单.用户单击扩展的图标并执行JS代码,显示询问两个值的提示框.但我无法弄清楚如何正确地将JS与popup.html链接起来.到目前为止点击图标只打开弹出窗口而不运行JS代码.

popup.html

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="prompt.js"></script>
    </head>
    <body onl oad="promptBox()">
    </body>
</html>

prompt.js

function promptBox() {
    prompt('Choose File 1',A14nH);
    R1Gh7=prompt('Choose File 2',L3f7);
    if(L3f7&&R1Gh7) {
        Fr4Q='<frameset cols=\'*,*\'>\n<frame src=\''+L3f7+'\'/>';
        Fr4Q+='<frame src=\''+R1Gh7+'\'/>\n';
        Fr4Q+='</frameset>';
        with(document) {
            write(Fr4Q);
            void(close())
        }
    }
    else{
       void(null)
    };
}

解决方法:

您无法在Chrome扩展程序中运行内联处理程序.
右键单击您的扩展图标,然后单击“检查弹出窗口”.你会看到以下内容：

Refused to execute inline event handler because it violates the following Content Security Policy directive: “script-src ‘self’ chrome-extension-resource:”.

你需要从你的身体中删除onload =“promptBox()”并为你的prompt.js添加一个监听器：

function promptBox() {
  // ...
}

document.addEventListener('DOMContentLoaded', function() {
  promptBox();
});

内容总结

以上是互联网集市为您收集整理的点击Chrome扩展程序中的popup.html图标运行javascript全部内容，希望文章能够帮你解决点击Chrome扩展程序中的popup.html图标运行javascript所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/707866.html

来源：【匿名】