Question

我刚刚发现了一个名为Font Awesome的字体库。我尝试按照以下方式集成它，但我在控制台中收到了错误消息。 “未捕获的SyntaxError：意外的标识符”

var button= document.getElementById("btn");
var icon=document.getElementById("ic");

button.addEventListener("click", function(){
	icon.innerHTML="<i class="fa fa-wifi" aria-hidden="true"></i>";
}

<head>
	<script src="https://use.fontawesome.com/180fe96fd3.js"></script>
</head>



<body>
<button id="btn">Click for wifi</button>
<p>
<span id="ic"></span>
</p>
</body>

基本上，我想要做的是，当用户点击图标时，字体真棒中的wifi图标出现在跨区域中。我在Javascript中使用正确的方法吗？再一次，谢谢你的时间。

Answer 1

文本转义存在问题。试试icon.innerHTML='<i class="fa fa-wifi" aria-hidden="true"></i>';。请注意使用单引号。

Answer 2

您已使用keybindings.json字符串编写{ "key": "ctrl+,", "command": "workbench.action.terminal.focusNext" }, { "key": "ctrl+.", "command": "workbench.action.terminal.focusPrevious" }并使用内部字符串<i>

这就是生成错误的原因

使用如下双向

""

或

""

Javascript中的字体很棒错误：未捕获的SyntaxError：意外的标识符

2 个答案: