Question

我正在制作一个基本的Chrome扩展程序，需要从我的html加载外部.js文件，这似乎不起作用...

popup.js文件

'use strict';

window.onload = load() {
    alert("WORKS?")
    var button = document.getElementById("test");
    button.onclick = handler() { 
       alert("helo");
       document.getElementById("hello").textContent="dujn";
    }
}

popup.html文件

<!DOCTYPE HTML>
<html>
    <head>
        <script type="text/javascript" src="popup.js"></script>
    </head>
    <body>
        <span id='hello'> Change </span>
        <input type="button" value="press" id="test"/>
    </body>
</html>

Answer 1

你缺少来自window.onload的函数关键字：

window.onload = function() {
    // rest of your code
}

或者

window.onload = function load() {
    // rest of your code
}

Answer 2

正如@Pointy所提到的，你必须使用＆＃39;功能创建功能。关键字

一个例子是：

function functionName(){
    //code goes here..
}

对于您的示例，您可以在load（）函数中找不到函数关键字

以及你的onclick事件，你在handler（）函数中缺少function关键字

代替加载（） - ＆gt;使用 function（）或 function load（）

以及 handler（） - ＆gt;使用 function（）或函数处理程序（）

外部Javascript未在HTML中调用

2 个答案: