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 相关文章推荐
js过滤HTML标签以及空格的思路及代码
May 24 Javascript
JS中eval函数的使用示例
Jul 21 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
Nov 22 Javascript
jquery控制select的text/value值为选中状态
Jun 03 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 Javascript
JS+CSS实现表格高亮的方法
Aug 05 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
Apr 17 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
JavaScript函数参数的传递方式详解
Mar 06 Javascript
JS实现移动端整屏滑动的实例代码
Nov 10 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
Oct 30 Javascript
js实现带搜索功能的下拉框
Jan 11 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遍历目录viewDir函数
2009/12/15 PHP
php空间不支持socket但支持curl时recaptcha的用法
2011/11/07 PHP
php中get_headers函数的作用及用法的详细介绍
2013/04/27 PHP
关于js与php互相传值的介绍
2013/06/25 PHP
PHP读取XML格式文件的方法总结
2017/02/27 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
PHP htmlspecialchars()函数用法与实例讲解
2019/03/08 PHP
JS解析json数据并将json字符串转化为数组的实现方法
2012/12/25 Javascript
ExtJS4中使用mixins实现多继承示例
2013/12/03 Javascript
基于insertBefore制作简单的循环插空效果
2015/09/21 Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
2017/07/20 Javascript
微信小程序选择图片和放大预览图片功能
2017/11/02 Javascript
Vue.js自定义事件的表单输入组件方法
2018/03/08 Javascript
nodejs高大上的部署方式(PM2)
2018/09/11 NodeJs
Vue配置marked链接添加target=&quot;_blank&quot;的方法
2019/07/19 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
解决vue-photo-preview 异步图片放大失效的问题
2020/07/29 Javascript
Python实现简单文本字符串处理的方法
2018/01/22 Python
Django 使用logging打印日志的实例
2018/04/28 Python
python3.x 将byte转成字符串的方法
2018/07/17 Python
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
PYTHON实现SIGN签名的过程解析
2019/10/28 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
Python定义一个Actor任务
2020/07/29 Python
Python猫眼电影最近上映的电影票房信息
2020/09/18 Python
Python可视化工具如何实现动态图表
2020/10/23 Python
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
科颜氏法国官网:Kiehl’s法国
2019/08/20 全球购物
String这个类型的class为何定义成final?
2012/11/13 面试题
志愿者活动总结范文
2014/04/26 职场文书
大学生第一学年自我鉴定
2014/09/12 职场文书
幼儿园校园小喇叭广播稿
2014/10/17 职场文书
2015年复活节活动总结
2015/02/27 职场文书
《蜜蜂引路》教学反思
2016/02/22 职场文书
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
2021/03/31 Servers
Html5调用企业微信的实现
2021/04/16 HTML / CSS