为什么JavaScript不能在Chrome扩展中工作
Why is JavaScript not working in Chrome extension?
我正在使用HTML和JavaScript编写最简单的Chrome扩展,但显然JavaScript不起作用,我不知道为什么。这是我的HTML代码:
<script>
function myFunction()
{
alert("I am an alert box!");
}
</script>
<input type="button" onclick="myFunction()" value="Show alert box">
这是我的manifest.json文件代码:
{
"name": "Blank new tab page",
"version": "0.2",
"incognito": "split",
"chrome_url_overrides": {
"newtab": "blank.html"
},
"manifest_version": 2
}
您的HTML DOCTYPE是过渡性的吗?如果没有,也许你的代码应该看起来更像:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<body>
<input type='button' value='Show alert box' onclick='myFunction()' />
<script type='text/javascript'>
function myFunction(){
alert('I am an alert box!');
}
</script>
</body>
</html>
当然,我重新安排了。不过你的代码应该可以工作。我个人建议您的代码看起来更像:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<body>
<input type='button' value='Show alert box' id='btn' />
<script type='text/javascript' src='external.js'></script>
<script type='text/javascript'>
showAlert('btn');
</script>
</body>
</html>
external.js
将被缓存。它可以看起来像:
function E(e){
return document.getElementById(e);
}
function showAlert(e){
E(e).onclick = function(){
alert('I am an alert box!');
}
}
后一段代码更具可重用性,它将让您了解jQuery的$()
。这是我的E()
函数的一个更复杂的版本。
相关文章:
- 扩展移相器按钮类不工作
- window.location.htm无法在chrome扩展中工作
- 扩展在LeafletJS中是如何工作的,为什么我需要一个中介归因才能使其正确工作
- Chrome扩展程序:浏览器操作单击按钮工作一次
- 用于检查文件扩展名不工作的Javascript If语句
- 按钮不'不能在自定义镀铬扩展中工作
- Chrome扩展的BatteryStatusneneneba API不工作
- 谷歌Chrome扩展在用Javascript打开的弹出窗口中工作吗
- Chrome扩展和Chome浏览器中的Jquery工作方式不同
- 按钮点击不工作在谷歌扩展
- Javascript JIRA扩展无法在悬停时工作
- 从chrome扩展动态创建Google工作表
- 以下 Chrome 扩展程序 JavaScript 代码片段究竟是如何工作的
- javascript事件不与Chrome扩展工作,为什么!: /
- TYPO3 7.6没有灯箱扩展工作
- 如何广告拦截扩展工作
- 为什么onclick不工作在一个按钮,但在谷歌Chrome扩展工作在一个DIV
- HTML/JS代码在普通浏览器视图下工作,但不能作为Chrome扩展工作
- (新的jquery)为什么我的chrome扩展工作在任何东西,但reddit
- onclick不为Chrome扩展工作