如何在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的组合标签里面,是不是很简单啊

  • jquery获取对象属性值的方法?
  • position:fixed 居中
  • js如何获取html input标签中内容
  • html空白占位符有哪些
  • 如何使用Navicat给表设置唯一索引
  • 热门搜索
    月嫂知识 什么是功率因数 荆芥的功效与作用 五年级下册数学知识点总结 什么是按劳分配 备孕需要检查什么 价值规律的作用 产后42天检查什么 黑布林的功效和作用 有什么办法可以减肥