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将NodeList作为Array数组处理的方法
Jul 09 Javascript
JS中Iframe之间传值的方法
Mar 11 Javascript
JQueryEasyUI datagrid框架的基本使用
Apr 08 Javascript
节点的插入之append()和appendTo()的用法介绍
Jan 13 Javascript
javascript打开word文档的方法
Apr 16 Javascript
一行命令搞定node.js 版本升级
Jul 20 Javascript
javascript中sort()的用法实例分析
Jan 30 Javascript
JQuery插入DOM节点的方法
Jun 11 Javascript
jQuery旋转插件jqueryrotate用法详解
Oct 13 Javascript
jquery删除数组中重复元素
Dec 05 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 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中使用Oracle数据库(6)
2006/10/09 PHP
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
php单例模式示例分享
2015/02/12 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
php生成无限栏目树
2017/03/16 PHP
php post换行的方法
2020/02/03 PHP
jquery图片播放浏览插件prettyPhoto使用详解
2014/12/19 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
2015/09/14 Javascript
jquery验证邮箱格式并显示提交按钮
2015/11/07 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
2016/11/07 Javascript
jquery.multiselect多选下拉框实现代码
2016/11/11 Javascript
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
CSS3+JavaScript实现翻页幻灯片效果
2017/06/28 Javascript
Angular 向组件传递模板的两种方法
2018/02/23 Javascript
Javascript之高级数组API的使用实例
2019/03/08 Javascript
javascript验证form表单数据的案例详解
2019/03/25 Javascript
JS实现动态无缝轮播
2020/01/11 Javascript
jquery实现手风琴案例
2020/05/04 jQuery
VSCode Vue开发推荐插件和VSCode快捷键(小结)
2020/08/08 Javascript
python自定义解析简单xml格式文件的方法
2015/05/11 Python
Tensorflow 查看变量的值方法
2018/06/14 Python
python导入坐标点的具体操作
2019/05/10 Python
Python实现基于socket的udp传输与接收功能详解
2019/11/15 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
python实现飞机大战项目
2020/03/11 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
pycharm如何使用anaconda中的各种包(操作步骤)
2020/07/31 Python
百度软件工程师职位
2013/02/14 面试题
预备党员思想汇报范文
2014/01/11 职场文书
迟到检讨书2000字(精选篇)
2014/10/07 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
2016抗战胜利71周年红领巾广播稿
2015/12/18 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
MySQL基础快速入门知识总结(附思维导图)
2021/09/25 MySQL