html标签中转义js代码

当我们在HTML标签中嵌套JavaScript代码时，需要使用转义字符来将代码进行转义，避免在HTML文件中出现语法错误。

例：在HTML文件中插入如下JavaScript代码。

function helloWorld(){
  document.write("Hello, World!");
}

正确的转义后的HTML代码为：

<script>
function helloWorld(){
  document.write("Hello, World!");
}
</script>

可以发现，< 被转义成了<， > 被转义成了>，“和号”&也被转义成了&，“双引号”被转义成了"，单引号可以不用转义。

在HTML标签中转义JavaScript代码既可以使用<script>标签插入代码，也可以使用onclick/onload等HTML事件属性来调用JavaScript函数。需要注意的是，在event属性中写JavaScript函数时同样需要进行转义。

例：在HTML事件属性中调用JavaScript函数。

正确的转义后的HTML代码为：

<button onclick="alert('Hello, World!');">Say Hello</button>

需要注意的是，使用转义字符来转义JavaScript代码虽然可以避免HTML文件出现语法错误，但是不利于维护和阅读，建议将JavaScript代码放在单独的.js文件中，通过<script>标签引入。