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脚本编程解决考试分数统计问题
Oct 18 Javascript
常用Extjs工具:Extjs.util.Format使用方法
Mar 22 Javascript
JQuery 返回布尔值Is()条件判断方法代码
May 14 Javascript
jquery选择器原理介绍($()使用方法)
Mar 25 Javascript
jQuery遍历json中多个map的方法
Feb 12 Javascript
JQuery中clone方法复制节点
May 18 Javascript
分分钟玩转Vue.js组件(二)
Mar 01 Javascript
详解AngularJS ui-sref的简单使用
Apr 24 Javascript
vue底部加载更多的实例代码
Jun 29 Javascript
基于layui实现高级搜索(筛选)功能
Jul 26 Javascript
VUE实现移动端列表筛选功能
Aug 23 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
Oct 27 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简单中奖算法(实例)
2017/08/15 PHP
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
2009/03/21 Javascript
Mootools 1.2教程 输入过滤第一部分(数字)
2009/09/15 Javascript
jquery 使用点滴函数代码
2011/05/20 Javascript
跨域请求之jQuery的ajax jsonp的使用解惑
2011/10/09 Javascript
JS记录用户登录次数实现代码
2014/01/15 Javascript
Javscript删除数组中指定元素并返回新数组
2014/03/06 Javascript
js隐式全局变量造成的bug示例代码
2014/04/22 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
2015/08/18 Javascript
BootStrap智能表单demo示例详解
2016/06/13 Javascript
原生Javascript和jQuery做轮播图简单例子
2016/10/11 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
2017/04/24 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
2018/11/30 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
一篇超完整的Vue新手入门指导教程
2020/11/18 Vue.js
vue3.0封装轮播图组件的步骤
2021/03/04 Vue.js
python 域名分析工具实现代码
2009/07/15 Python
django框架模型层功能、组成与用法分析
2019/07/30 Python
Python字符串和正则表达式中的反斜杠('\')问题详解
2019/09/03 Python
opencv调整图像亮度对比度的示例代码
2019/09/27 Python
pytorch实现建立自己的数据集(以mnist为例)
2020/01/18 Python
Pytorch如何切换 cpu和gpu的使用详解
2021/03/01 Python
HTML5 实战PHP之Web页面表单设计
2011/10/09 HTML / CSS
使用canvas绘制超炫时钟
2014/12/17 HTML / CSS
HTML5实现预览本地图片
2016/02/17 HTML / CSS
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
html5简介及新增功能介绍
2020/05/18 HTML / CSS
财务会计专业毕业生自荐信
2013/10/02 职场文书
2014年五一促销活动方案
2014/03/09 职场文书
自荐信的格式
2014/03/10 职场文书
群众路线个人剖析材料及整改措施
2014/11/04 职场文书
《窃读记》教学反思
2016/02/18 职场文书
2016年学校爱国卫生月活动总结
2016/04/06 职场文书
HTML基础详解(下)
2021/10/16 HTML / CSS
【海涛解说】暗牧也疯狂,牛蛙成配角
2022/04/01 DOTA
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL