Chrome扩展页面动态绑定JS事件提示错误


Posted in Javascript onFebruary 11, 2014

问题描述:

当开发Chrome扩展时,页面的popup.html中需要js的时候,直接将JS写在动态绑定JS事件会提示:

Refused to execute inline script because it violates the following Content Security Policy directive: “script-src ‘self' chrome-extension-resource:”..

解决办法:

在popup.html中引用外部的js文件动态绑定JS事件,例如:

<script type="text/javascript" charset="utf-8" src='test.js'></script>

test.js中:
var listbox = document.getElementById("showlist"); 
listbox.onclick=function(){ 
document.getElementById("player_sidebar").style.width = 100; 
}
Javascript 相关文章推荐
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
Nov 01 Javascript
Checbox的操作含已选、未选及判断代码
Nov 07 Javascript
jQuery使用andSelf()来包含之前的选择集
May 19 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
Feb 28 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
Mar 03 Javascript
jQuery遍历DOM节点操作之filter()方法详解
Apr 14 Javascript
AngularJs Modules详解及示例代码
Sep 01 Javascript
javascript的函数劫持浅析
Sep 26 Javascript
jQuery实现 RadioButton做必选校验功能
Jun 15 jQuery
Vue中的字符串模板的使用
May 17 Javascript
JavaScript动态创建二维数组的方法示例
Feb 01 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
Feb 11 #Javascript
关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器
Feb 11 #Javascript
js读取配置文件自写
Feb 11 #Javascript
JS检测输入字符是否包含非法字符的示例代码
Feb 11 #Javascript
JS(JQuery)操作Array的相关方法介绍
Feb 11 #Javascript
jquery 字符串切割函数substring的用法说明
Feb 11 #Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
Feb 11 #Javascript
You might like
又一个php 分页类实现代码
2009/12/03 PHP
ThinkPHP写数组插入与获取最新插入数据ID实例
2014/11/03 PHP
php中opendir函数用法实例
2014/11/15 PHP
yii2 RBAC使用DbManager实现后台权限判断的方法
2016/07/23 PHP
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
用JavaScript实现动画效果的方法
2013/07/20 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
2014/11/13 Javascript
Jquery中find与each方法用法实例
2015/02/04 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
用NODE.JS中的流编写工具是要注意的事项
2016/03/01 Javascript
js实现纯前端的图片预览
2016/04/27 Javascript
select获取下拉框的值 下拉框默认选中方法
2018/02/28 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
2018/05/07 Javascript
Vue父子组建的简单通信之控制开关Switch的实现
2018/06/04 Javascript
webpack多入口多出口的实现方法
2018/08/17 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
2018/09/20 jQuery
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
Python随机生成数模块random使用实例
2015/04/13 Python
Python 字典与字符串的互转实例
2017/01/13 Python
Win7 64位下python3.6.5安装配置图文教程
2020/10/27 Python
python pandas dataframe 行列选择,切片操作方法
2018/04/10 Python
python 图像平移和旋转的实例
2019/01/10 Python
基于django ManyToMany 使用的注意事项详解
2019/08/09 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
Pytorch 扩展Tensor维度、压缩Tensor维度的方法
2020/09/09 Python
世界知名接发和假发品牌:Poze Hair
2017/03/08 全球购物
大学生饮食配送创业计划书
2014/01/04 职场文书
自我评价的写作规则
2014/01/06 职场文书
信访工作经验交流材料
2014/05/23 职场文书
岗位说明书怎么写
2014/07/30 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
开学第一周值周总结
2015/07/16 职场文书
2016入党积极分子考察评语
2015/12/01 职场文书
SQL注入篇学习之盲注/宽字节注入
2022/03/03 MySQL