Question

这可能是一个超级基本的问题，但我似乎无法在任何地方找到一个直接的答案......

为什么document.getElementById('pID').innerHTML = 'test';不会更改p元素中的文本？ console.log('test');也不起作用......

HTML：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <p id="pID">Hello, world!</p>
</body>
</html>
<script src="main.js"></script>

JAVASCRIPT：

chrome.app.runtime.onLaunched.addListener(onLoad);

function onLoad() {
 chrome.app.window.create('window.html', {          
    'bounds': {
    'width': 400,
    'height': 900
    }
 });
}

的manifest.json：

{
"name": "Hello World!",
"description": "My first Chrome App.",
"version": "0.1",
"app": {
"background": {
    "scripts": ["background.js"]
}
}
}

MAIN.JS：

function onLoad() {
  console.log('test');
  document.getElementById('pID').innerHTML = 'test';
}
window.onload=onLoad;//This is what I was missing!

@rshanchez：我改变了它，我得到以下错误（仍然无效）：

拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令：“default-src'self'chrome-extension-resource：”。请注意，'script-src'未明确设置，因此'default-src'用作后备。

@rshanchez：我做了window.onload = onLoad;这样做了。谢谢您的帮助！如果你想让代表点回答这个问题，我会把它标记为已经回答了...否则+1给你真棒！

Answer 1

没有人会调用名为“onLoad”的函数。也许你想要window.onload（小心大写;关闭不计算）。

Chrome应用：为什么我无法修改页面？

1 个答案: