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 学习书 推荐
Jun 13 Javascript
Whatever:hover 无需javascript让IE支持丰富伪类
Jun 29 Javascript
javascript 手动给表增加数据的小例子
Jul 10 Javascript
jquery.ui.draggable中文文档(原文翻译)
Nov 15 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 Javascript
js简单的点击返回顶部效果实现方法
Apr 10 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例
Nov 22 Javascript
基于Vue2实现简易的省市区县三级联动组件效果
Nov 05 Javascript
vue 项目build错误异常的解决方法
Apr 22 Javascript
初试vue-cli使用HBuilderx打包app的坑
Jul 17 Javascript
react 生命周期实例分析
May 18 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 进行手机 APP 开发(API 接口开发)
2014/08/11 PHP
关于PHP定时发送服务的解决办法
2017/04/23 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
PHP PDOStatement::bindValue讲解
2019/01/30 PHP
tp5框架无刷新分页实现方法分析
2019/09/26 PHP
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
Asp.Net alert弹出提示信息的几种方法总结
2014/01/29 Javascript
Jquery 实现图片轮换
2015/01/28 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
javascript拖拽应用实例
2016/03/25 Javascript
jQuery ajax应用总结
2016/06/02 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
简单三步实现报表页面集成天气
2016/12/15 Javascript
nodejs操作mongodb的增删改查功能实例
2017/11/09 NodeJs
html中通过JS获取JSON数据并加载的方法
2017/11/30 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
2019/03/29 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
[54:02]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 IG vs VGJ.T
2018/04/03 DOTA
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
[03:30]完美盛典趣味短片 CSGO2019年度名场面
2019/12/07 DOTA
[46:49]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.19
2020/12/24 DOTA
Python使用pickle模块储存对象操作示例
2018/08/15 Python
在Pytorch中使用样本权重(sample_weight)的正确方法
2019/08/17 Python
Python正则表达式高级使用方法汇总
2020/06/18 Python
Python爬虫教程知识点总结
2020/10/19 Python
Python使用Pygame绘制时钟
2020/11/29 Python
CSS3五个技巧给你的网站带来出色的效果
2009/04/02 HTML / CSS
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
销售自荐信
2013/10/22 职场文书
学习十八大标语
2014/10/09 职场文书
信用卡收入证明范本
2015/06/12 职场文书
庭外和解协议书
2016/03/23 职场文书
使用 JavaScript 制作页面效果
2021/04/21 Javascript
python实现A*寻路算法
2021/06/13 Python
Python机器学习应用之工业蒸汽数据分析篇详解
2022/01/18 Python
ubuntu端向日葵键盘输入卡顿问题及解决
2022/12/24 Servers