Chrome擴(kuò)展頁面動(dòng)態(tài)綁定JS事件提示錯(cuò)誤
更新時(shí)間：2014年02月11日 10:08:53 作者：
開發(fā)Chrome擴(kuò)展時(shí)，頁面的popup.html中需要js的時(shí)候，直接將JS寫在動(dòng)態(tài)綁定JS事件會(huì)提示錯(cuò)誤，下面有個(gè)不錯(cuò)的解決方法，大家可以參考下
問題描述：
當(dāng)開發(fā)Chrome擴(kuò)展時(shí)，頁面的popup.html中需要js的時(shí)候，直接將JS寫在動(dòng)態(tài)綁定JS事件會(huì)提示：
Refused to execute inline script because it violates the following Content Security Policy directive: “script-src ‘self' chrome-extension-resource:”..
解決辦法：
在popup.html中引用外部的js文件動(dòng)態(tài)綁定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;
}
當(dāng)開發(fā)Chrome擴(kuò)展時(shí)，頁面的popup.html中需要js的時(shí)候，直接將JS寫在動(dòng)態(tài)綁定JS事件會(huì)提示：
Refused to execute inline script because it violates the following Content Security Policy directive: “script-src ‘self' chrome-extension-resource:”..
解決辦法：
在popup.html中引用外部的js文件動(dòng)態(tài)綁定JS事件，例如：
復(fù)制代碼 代碼如下:
<script type="text/javascript" charset="utf-8" src='test.js'></script>
test.js中：
復(fù)制代碼 代碼如下:
var listbox = document.getElementById("showlist");
listbox.onclick=function(){
document.getElementById("player_sidebar").style.width = 100;
}
您可能感興趣的文章:
- js代碼判斷瀏覽器種類IE、FF、Opera、Safari、chrome及版本
- 使用Chrome調(diào)試JavaScript的斷點(diǎn)設(shè)置和調(diào)試技巧
- JavaScript無提示關(guān)閉窗口(兼容IE/Firefox/Chrome)
- 解決javascript:window.close()在chrome,Firefox下失效的問題
- 如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁面時(shí)彈出“確定要離開此面嗎？”
- 完美兼容IE,chrome,ff的設(shè)為首頁、加入收藏及保存到桌面js代碼
- JQuery自適應(yīng)IFrame高度（支持嵌套 兼容IE,ff,safafi,chrome）
- jQuery一步一步實(shí)現(xiàn)跨瀏覽器的可編輯表格，支持IE、Firefox、Safari、Chrome、Opera
- 兼容IE、FireFox、Chrome等瀏覽器的xml處理函數(shù)js代碼
- jQuery旋轉(zhuǎn)插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- chrome瀏覽器當(dāng)表單自動(dòng)填充時(shí)如何去除瀏覽器自動(dòng)添加的默認(rèn)樣式
- js chrome瀏覽器判斷代碼
- json格式化/壓縮工具 Chrome插件擴(kuò)展版
- 解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問題
- JavaScript獲取鼠標(biāo)坐標(biāo)的函數(shù)（兼容IE、FireFox、Chrome）
- 禁止選中文字兼容IE、Chrome、FF等
- javascript判斷chrome瀏覽器的方法
- Chrome開發(fā)者工具9個(gè)調(diào)試技巧詳解
相關(guān)文章
javascript+css實(shí)現(xiàn)進(jìn)度條效果
這篇文章主要為大家詳細(xì)介紹了javascript+css實(shí)現(xiàn)進(jìn)度條效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
可以用鼠標(biāo)拖動(dòng)的DIV實(shí)現(xiàn)思路及代碼
DIV可以拖動(dòng)的效果，想必大家都有見到過吧,在本文也為大家實(shí)現(xiàn)一個(gè)不錯(cuò)的可以用鼠標(biāo)拖動(dòng)的div,感興趣的各位不要錯(cuò)過2013-10-10
js點(diǎn)擊button按鈕跳轉(zhuǎn)到另一個(gè)新頁面
點(diǎn)擊按鈕怎么跳轉(zhuǎn)到另外一個(gè)頁面呢？點(diǎn)擊圖片要跳轉(zhuǎn)到新的頁面時(shí)，怎么做到呢？可以使用onclick=window.location=新頁面來實(shí)現(xiàn)2014-10-10
用javascript關(guān)閉本窗口技巧小結(jié)
window.close()是用來關(guān)閉窗口的，而且ie和firefox都是支持的，下面通過示例為大家介紹下用javascript關(guān)閉本窗口2014-09-09
圖片輪換效果實(shí)現(xiàn)代碼(點(diǎn)擊按鈕停止執(zhí)行)
在這個(gè)實(shí)例中需要注意的是，要把images文件夾下圖片的命名設(shè)置為有順序的，1、2、3..才可以，感興趣的朋友可以參考下2013-04-04
這篇文章主要介紹了在微信小程序里使用watch和computed的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
Ionic 2 實(shí)現(xiàn)列表滑動(dòng)刪除按鈕的方法
這篇教程將展示如何使用Ionic2添加一個(gè)簡單的刪除按鈕到列表，當(dāng)用戶滑動(dòng)列表項(xiàng)到左邊的時(shí)候。這是一個(gè)處理刪除列表數(shù)據(jù)時(shí)候常用的模式，具體內(nèi)容大家通過本文學(xué)習(xí)吧2017-01-01
JavaScript中window.open用法實(shí)例詳解
這篇文章主要介紹了JavaScript中window.open用法,實(shí)例分析了window.open方法的功能、參數(shù)及使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
最近遇到這樣的需求：顯示音樂播放按鈕、可手動(dòng)拖拽進(jìn)度條；頁面中含多個(gè)音樂，播放當(dāng)前音樂時(shí)暫停其他音樂播放。 這篇文章主要介紹了微信小程序自定義音樂進(jìn)度條的實(shí)例代碼,需要的朋友可以參考下2018-08-08
js中switch case循環(huán)實(shí)例代碼
這篇文章主要介紹了js中switch case循環(huán)實(shí)例代碼，有需要的朋友可以參考一下2013-12-12