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 相关文章推荐
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
查询json的数据结构的8种方式简介
Mar 10 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
js省市县三级联动效果实例
Apr 15 Javascript
原生js实现吸顶效果
Mar 13 Javascript
vue 动态修改a标签的样式的方法
Jan 18 Javascript
Vue2.5通过json文件读取数据的方法
Feb 27 Javascript
让Vue也可以使用Redux的方法
May 23 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
Aug 06 Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 Javascript
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
原生js实现九宫格拖拽换位
Jan 26 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 字符串正则替换函数preg_replace使用说明
2011/07/15 PHP
php错误级别的设置方法
2013/06/17 PHP
PHP概率计算函数汇总
2015/09/13 PHP
php 自定义错误日志实例详解
2016/11/12 PHP
PHP合并数组函数array_merge用法分析
2017/02/17 PHP
Aptana调试javascript图解教程
2009/11/30 Javascript
JS函数验证总结(方便js客户端输入验证)
2010/10/29 Javascript
Jquery选择子控件&quot;大于号&quot;和&quot; &quot;区别介绍及使用示例
2013/06/25 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
2013/12/31 Javascript
javascript比较两个日期的先后示例代码
2014/12/31 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
2016/07/12 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
2017/12/20 Javascript
JS实现留言板功能[楼层效果展示]
2017/12/27 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
2018/04/13 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
原生Vue 实现右键菜单组件功能
2019/12/16 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
2020/03/05 Javascript
vue根据条件不同显示不同按钮的操作
2020/08/04 Javascript
[58:15]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 NB vs Liquid
2018/04/02 DOTA
Python2.7基于淘宝接口获取IP地址所在地理位置的方法【测试可用】
2017/06/07 Python
对Python中DataFrame选择某列值为XX的行实例详解
2019/01/29 Python
Django的models中on_delete参数详解
2019/07/16 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
将keras的h5模型转换为tensorflow的pb模型操作
2020/05/25 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
Python3如何在服务器打印资产信息
2020/08/27 Python
python爬虫scrapy框架的梨视频案例解析
2021/02/20 Python
Lacoste澳大利亚官网:服装、鞋类及配饰
2018/11/14 全球购物
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
北京泡泡网网络有限公司.net面试题
2012/07/17 面试题
会计专业大学生职业生涯规划书
2014/02/11 职场文书
飘柔洗发水广告词
2014/03/14 职场文书
社区党员公开承诺书
2014/08/30 职场文书
在校证明模板
2015/06/17 职场文书
五年级作文之学校的四季
2019/12/05 职场文书