Chrome 扩展:onclick() 事件未触发 alert() 弹出窗口

Chrome extension: onclick() event is not triggering an alert() popup(Chrome 扩展:onclick() 事件未触发 alert() 弹出窗口)
本文介绍了Chrome 扩展:onclick() 事件未触发 alert() 弹出窗口的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我无法通过 onclick() 事件触发 alert() 弹出窗口.

I am unable to trigger an alert() popup with an onclick() event.

{
    "name": "Project",
    "version": "1.0.0",
    "manifest_version": 2,
    "description": "Popup when website requires Log in",
    "browser_action":{
        "default_icon":"icon_19.png",
        "default_popup":"Popup.html"
        }
}

文件Popup.html

<html>
<head></head>

<body>
    <div class="plus" onclick="popup()"></div>
    <script src="inline.js"></script>
</body>
</html>

文件inline.js

function popup() {
    var link = document.URL;
    alert("This is the link: (" + link + ")");
}

推荐答案

不要在 Google Chrome 扩展程序中使用内联 JavaScript 代码.

Don't use inline JavaScript code in a Google Chrome extension.

HTML:

<div class="plus"></div>
<script src="inline.js"></script>

JavaScript:

JavaScript:

function popup(e) {
  var link = document.URL;
  alert("This is the link: (" + link + ")");
}

var plusBtn = document.querySelector('.plus');
plusBtn.addEventListener('click', popup);

这篇关于Chrome 扩展:onclick() 事件未触发 alert() 弹出窗口的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

SCRIPT5: Access is denied in IE9 on xmlhttprequest(SCRIPT5:在 IE9 中对 xmlhttprequest 的访问被拒绝)
XMLHttpRequest module not defined/found(XMLHttpRequest 模块未定义/未找到)
Show a progress bar for downloading files using XHR2/AJAX(显示使用 XHR2/AJAX 下载文件的进度条)
How can I open a JSON file in JavaScript without jQuery?(如何在没有 jQuery 的情况下在 JavaScript 中打开 JSON 文件?)
quot;Origin null is not allowed by Access-Control-Allow-Originquot; in Chrome. Why?(“Access-Control-Allow-Origin 不允许 Origin null在铬.为什么?)
How to get response url in XMLHttpRequest?(如何在 XMLHttpRequest 中获取响应 url?)