-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'被用作後備。
有人能解釋一下嗎?
你有沒有嘗試過什麼?你的代碼實際上是爲我工作 – Kaiido
同樣適用於擴展:http://stackoverflow.com/questions/13591983/onclick-within-chrome-extension-not-working – Xan