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 相关文章推荐
VBS通过WMI监视注册表变动的代码
Oct 27 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
Mar 22 Javascript
JQuery的ON()方法支持的所有事件罗列
Feb 28 Javascript
学习jQuey中的return false
Dec 18 Javascript
jQuery实现搜索页面关键字的功能
Feb 16 Javascript
Ionic2调用本地SQlite实例
Apr 22 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
Jun 19 Javascript
JS 60秒后重新发送验证码的实例讲解
Jul 26 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
layer弹出层扩展主题的方法
Sep 11 Javascript
JS实现移动端双指缩放和旋转方法
Dec 13 Javascript
js 图片懒加载的实现
Oct 21 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
ThinkPHP下表单令牌错误与解决方法分析
2017/05/20 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
2010/01/22 Javascript
动感效果的TAB选项卡jquery 插件
2011/07/09 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
2011/10/21 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
在JavaScript中构建ArrayList示例代码
2014/09/17 Javascript
ECMAScript5(ES5)中bind方法使用小结
2015/05/07 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
2015/12/08 Javascript
jQuery代码性能优化的10种方法
2016/06/21 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
微信小程序 图片边框解决方法
2017/01/16 Javascript
JS基于面向对象实现的多个倒计时器功能示例
2017/02/28 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
深入理解react-router@4.0 使用和源码解析
2017/05/23 Javascript
使用Angular CLI生成路由的方法
2018/03/24 Javascript
在vue中安装使用vux的教程详解
2018/09/16 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
2019/07/10 Javascript
详解基于Wepy开发小程序插件(推荐)
2019/08/01 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
[47:06]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第一局
2016/03/05 DOTA
python del()函数用法
2013/03/24 Python
Python使用turtule画五角星的方法
2015/07/09 Python
Python图像处理之识别图像中的文字(实例讲解)
2018/05/10 Python
Python实现的括号匹配判断功能示例
2018/08/25 Python
python 实现矩阵按对角线打印
2019/11/29 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
pycharm通过anaconda安装pyqt5的教程
2020/03/24 Python
教师业务学习制度
2014/01/25 职场文书
党员承诺书内容
2014/03/26 职场文书
2015年读书月活动总结
2015/03/26 职场文书
交流会主持词
2015/07/02 职场文书
大学文艺委员竞选稿
2015/11/19 职场文书
教您:房贷工资收入证明应该怎么写?
2019/08/19 职场文书
Windows下用Nginx配置https服务器及反向代理的问题
2021/09/25 Servers