【发布时间】：2015-05-16 23:27:51
【问题描述】：
我想在 html 文档中嵌入一个 svg 引用一个外部 javascript 函数。
我有一个带有嵌入式 svg 文件和 js 文件链接的 html 文档。当我点击 svg 时，我希望 svg 运行 javascript 文件的功能之一
function newGame(){
/* do stuff */
}<!doctype html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<script src="main.js"></script>
<div id="buttondiv">
<svg id="restart" class="button" viewbox="0 0 24 24" onclick="newGame();">
<circle cx="12" cy="12" r="6" />
</svg>
</div>
</body>
</html>我的问题不是我想用 javascript 引用 svg（但如果我必须这样做，我愿意）
这适用于 chrome 网络应用程序和 chrome 开发编辑器（如果重要）。
谢谢
更新：
我在控制台日志中收到此错误：
拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令：“default-src 'self' chrome-extension-resource:”。启用内联执行需要“unsafe-inline”关键字、哈希（“sha256-...”）或随机数（“nonce-...”）。另请注意，'script-src' 未显式设置，因此 'default-src' 用作后备。
有人可以解释一下吗？
【问题讨论】：
-
你试过什么吗？你的代码实际上对我有用
标签： javascript svg external google-chrome-app