Question

我希望在html doc引用中嵌入svg和外部javascript函数。

我有一个带有嵌入式svg文件的html文档和一个指向js文件的链接。当我点击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 dev编辑器。

谢谢

更新：

我在控制台日志中收到此错误：

拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令：“default-src'self'chrome-extension-resource：”。要么是'unsafe-inline'关键字，哈希（'sha256 -...'），要么是nonce（'nonce -...'）来启用内联执行。另请注意，'script-src'未明确设置，因此'default-src'用作后备。

有人可以解释一下吗？

Answer 1

内联js是不安全的，所以它不会让任何人执行它。

svg引用外部javascript函数

1 个答案: