2015-05-16 60 views
-2

我想要一個嵌入在html文檔中的svg引用外部javascript函數。svg引用外部javascript函數

我有一個嵌入式svg文件和js文件鏈接的html文檔。我想SVG運行JavaScript文件的功能之一,當我在SVG點擊

function newGame(){ 
 
/* do stuff */ 
 
}
<!doctype html> 
 
<html> 
 
<head> \t 
 
\t <link rel="stylesheet" href="styles.css"> 
 
</head> 
 

 
<body> 
 
    <script src="main.js"></script> 
 
\t <div id="buttondiv"> 
 
\t \t <svg id="restart" class="button" viewbox="0 0 24 24" onclick="newGame();"> 
 
\t \t \t <circle cx="12" cy="12" r="6" /> 
 
\t \t </svg> 
 
\t </div>  
 
</body> 
 
</html>

我的問題是不是我要引用JavaScript的SVG(但我願意如果我必須)

這是一個chrome web應用程序和chrome dev編輯器,如果它很重要的話。

謝謝

UPDATE:

我得到這個錯誤在控制檯日誌:

拒絕,因爲它違反了以下內容安全策略指令執行內聯事件處理程序:「默認-SRC「自我'chrome-extension-resource:「。 「內聯不安全」關鍵字,散列('sha256 -...')或一個隨機數('nonce -...')是啓用內聯執行所必需的。還要注意'script-src'沒有明確設置,因此'default-src'被用作後備。

有人能解釋一下嗎?

+1

你有沒有嘗試過什麼?你的代碼實際上是爲我工作 – Kaiido

+0

同樣適用於擴展:http://stackoverflow.com/questions/13591983/onclick-within-chrome-extension-not-working – Xan

回答

-1

內聯js不安全,所以不會讓任何人執行它。

相關問題