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 混合的构造函数和原型方式,动态原型方式
Dec 07 Javascript
讨论javascript(一)工厂方式 js面象对象的定义方法
Dec 15 Javascript
js jquery获取随机生成id的服务器控件的三种方法
Jul 11 Javascript
javascript结合fileReader 实现上传图片
Jan 30 Javascript
jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码
Aug 24 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
Nov 22 Javascript
vue router使用query和params传参的使用和区别
Nov 13 Javascript
小程序红包雨的实现示例
Feb 19 Javascript
vue+express+jwt持久化登录的方法
Jun 14 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
Dec 25 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
关于页面嵌入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中curl和file_get_content的区别
2014/05/10 PHP
php简单复制文件的方法
2016/05/09 PHP
php查询内存信息操作示例
2019/05/09 PHP
初学prototype,发个JS接受URL参数的代码
2006/09/25 Javascript
关于flash遮盖div浮动层的解决方法
2010/07/17 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
2013/08/29 Javascript
JavaScript自定义数组排序方法
2015/02/12 Javascript
Node.js中的流(Stream)介绍
2015/03/30 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
socket.io学习教程之基础介绍(一)
2017/04/29 Javascript
vue移动端裁剪图片结合插件Cropper的使用实例代码
2017/07/10 Javascript
微信小程序实现自定义modal弹窗封装的方法
2018/06/15 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
Vue项目中使用jquery的简单方法
2019/05/16 jQuery
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
微信小程序事件流原理解析
2019/11/27 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS VG
2014/05/25 DOTA
python读取oracle函数返回值
2016/07/18 Python
Python制作Windows系统服务
2017/03/25 Python
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
python 使用递归回溯完美解决八皇后的问题
2020/02/26 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
PyTorch之nn.ReLU与F.ReLU的区别介绍
2020/06/27 Python
获取CSDN文章内容并转换为markdown文本的python
2020/09/06 Python
python能做哪些生活有趣的事情
2020/09/09 Python
pip已经安装好第三方库但pycharm中import时还是标红的解决方案
2020/10/09 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
全球在线商店:BerryLook
2019/04/14 全球购物
车贷收入证明范本
2014/01/09 职场文书
个人社会实践自我鉴定
2014/03/24 职场文书
无婚姻登记记录证明
2015/06/18 职场文书
2016中考冲刺决心书
2015/09/22 职场文书
2016干部作风整顿心得体会
2016/01/22 职场文书
css3中2D转换之有趣的transform形变效果
2022/02/24 HTML / CSS