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 20 Javascript
提升你网站水平的jQuery插件集合推荐
Apr 19 Javascript
封装了jQuery的Ajax请求全局配置
Feb 05 Javascript
JavaScript编写推箱子游戏
Jul 07 Javascript
jQuery webuploader分片上传大文件
Nov 07 Javascript
JS库之Three.js 简易入门教程(详解之一)
Sep 13 Javascript
JavaScript读写二进制数据的方法详解
Sep 09 Javascript
如何为vuex实现带参数的 getter和state.commit
Jan 04 Javascript
vue 中固定导航栏的实例代码
Nov 01 Javascript
jquery实现进度条状态展示
Mar 26 jQuery
javascript中call,apply,bind的区别详解
Dec 11 Javascript
react 项目中引入图片的几种方式
Jun 02 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
用session做客户验证时的注意事项
2006/10/09 PHP
落伍首发 php+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码
2006/12/16 PHP
火车头discuz6.1 完美采集的php接口文件
2009/09/13 PHP
PHP速成大法
2015/01/30 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
js中switch case循环实例代码
2013/12/30 Javascript
js数组循环遍历数组内所有元素的方法
2014/01/18 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
浅谈javascript的Touch事件
2015/09/27 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
2016/04/06 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
2016/05/24 Javascript
第八篇Bootstrap下拉菜单实例代码
2016/06/21 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
利用Vue.js实现checkbox的全选反选效果
2017/01/18 Javascript
javascript 日期相减-在线教程(附代码)
2017/08/17 Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
2017/10/31 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
2018/05/04 Javascript
vue实现拖拽效果
2019/12/23 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
python发送伪造的arp请求
2014/01/09 Python
Python外星人入侵游戏编程完整版
2020/03/30 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
python实现小球弹跳效果
2019/05/10 Python
Flask框架学习笔记之模板操作实例详解
2019/08/15 Python
python图片二值化提高识别率代码实例
2019/08/24 Python
python图片剪裁代码(图片按四个点坐标剪裁)
2020/03/10 Python
哪些情况下不应该使用索引
2015/07/20 面试题
远东集团网络工程师面试题
2014/10/20 面试题
CNC数控操作工岗位职责
2013/11/19 职场文书
大学军训感言1000字
2014/02/25 职场文书
安全生产管理合理化建议书
2014/03/12 职场文书
垂直极限观后感
2015/06/08 职场文书
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL
vue项目配置sass及引入外部scss文件
2022/04/14 Vue.js