Rya*_*ons 5 javascript jquery google-chrome google-chrome-extension
我正在尝试创建一个扩展,获取XMLrequest并获取信息并将其写入浏览器操作弹出窗口的html页面.这可能吗？
这是我的清单文件
//manifest.json
"name":"myExtension",
"version":"1.0",
"manifest_version": 2,
"browser_action": {
"default_icon":"favicon.ico",
"default_popup": "popup.html"
}
我的浏览器动作弹出html文件:
<!--popup.html-->
<!DOCTYPE html>
<html>
<head>
<title>My Title</title>
<script src="popup.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<p>Hello</p>
<p class="add"></p>
</body>
</html>
我的剧本:
//popup.js
//Code up to this point gets xml info, I didn't include
var info = //string from xml request
$.(".add").html(info);
我在弹出窗口中看到了Hello段落,但是从来没有应该在add段落中的信息,当我检查控制台时,它告诉我$是未定义的.我怎样才能让jquery为我工作？我是一个相对较新的人,所以我很抱歉,如果这很简单,我不明白.
有几点是错误的
添加脚本的顺序；它应该是：
<script src="jquery.js"></script>
<script src="popup.js"></script>
你的选择器是错误的；不应该是$.(".add")但是$(".add")：
$(".add").html(info);
您需要将 jQuery 命令包装到 DOM 中，准备就绪/加载时：
$(function() {
var info = //string from xml request
$(".add").html(info);
});
content_scripts另外，如果您不打算在那里使用脚本，则无需添加该脚本。
您可以从后台页面和弹出窗口完全访问您的扩展资源。
| 归档时间： |
|
| 查看次数： |
2212 次 |
| 最近记录： |