如何在HTML页面中显示JavaScript代码

1、首先我们要准备一份utf8编码的页面，如下图所示

2、接下来我们直接在body区域添加javascript代码，注意不用script标签包裹，如下图所示

3、然后我们运行页面，你会看到如下图所示的输出，javascript代码都挤在一起了，和我们输入的相差很大，如下图所示

4、接下来我们在javascript外围添加pre和code的组合标签，如下图所示

5、这个时候在运行页面，你就会看到javascript代码和我们输入的效果一摸一样了，如下图所示

6、最后要注意的是，在for循环里面小于号的前后一定要空格，否则是会异常的，如下图所示

7、综上所述，在页面中输出javascript代码需要将代码都包裹在code和pre的组合标签里面，是不是很简单啊