手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-16 15:13:03

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

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

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

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

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

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

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

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

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

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

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

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

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

© 手抄报圈