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 相关文章推荐
javascript 面向对象编程基础:封装
Aug 21 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
7个jQuery最佳实践
Jan 12 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
Jun 25 Javascript
Bootstrap Modal遮罩弹出层代码分享
Nov 21 Javascript
jquery购物车结算功能实现方法
Oct 29 Javascript
js控制文本框禁止输入特殊字符详解
Apr 07 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
Nov 02 Javascript
VUE+Element环境搭建与安装的方法步骤
Jan 24 Javascript
ES6 Object方法扩展的应用实例分析
Jun 25 Javascript
layui下拉列表select实现可输入查找的方法
Sep 28 Javascript
深入理解 ES6中的 Reflect用法
Jul 18 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
使用ucenter实现多站点同步登录的讲解
2019/03/21 PHP
限制文本字节数js代码
2007/03/06 Javascript
ASP中进行HTML数据及JS数据编码函数
2009/11/11 Javascript
jquery下json数组的操作实现代码
2010/08/09 Javascript
Js中获取frames中的元素示例代码
2013/07/30 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
2014/01/09 Javascript
jQuery满意度星级评价插件特效代码分享
2015/08/19 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
2015/11/24 Javascript
jquery html动态添加的元素绑定事件详解
2016/05/24 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
AngularJS使用指令增强标准表单元素功能
2016/07/01 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
JavaScript数组操作详解
2017/02/04 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
Vue.js 点击按钮显示/隐藏内容的实例代码
2018/02/08 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
2018/08/24 Javascript
详解Vuex下Store的模块化拆分实践
2019/07/31 Javascript
js实现贪吃蛇游戏 canvas绘制地图
2020/09/09 Javascript
python登陆asp网站页面的实现代码
2015/01/14 Python
在Python的Django框架中simple-todo工具的简单使用
2015/05/30 Python
Windows下为Python安装Matplotlib模块
2015/11/06 Python
pycharm在调试python时执行其他语句的方法
2018/11/29 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
Python标准库itertools的使用方法
2020/01/17 Python
css3 background属性调整增强介绍
2010/12/18 HTML / CSS
国际旅客访问北美最大的汽车租赁提供商:Alamo Rent A Car
2018/06/13 全球购物
编码实现字符串转整型的函数
2012/06/02 面试题
什么是动态端口(Dynamic Ports)?动态端口的范围是多少?
2014/12/12 面试题
酒店司机岗位职责
2013/12/14 职场文书
中学生差生评语
2014/01/30 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书
投标邀请书范本
2015/02/02 职场文书
三下乡个人总结
2015/03/04 职场文书
研究生导师推荐信
2015/03/25 职场文书
军事理论课感想
2015/08/11 职场文书