我们在使用代码编程一个网站的時候通常情况下头部和尾部是相同的,如果一个网站的每个html页面包含哪几个部分都把这些代码写一遍不仅浪费时间,还显得重复代码佷多所以此时把重复的html页面包含哪几个部分单独摘出来,在用到的时候从外部直接引进去就能节省很多时间,减少很多代码
在这里,有好几种引入html文件的方式不过每种都是有利有弊,需要根据需要自行选择
有大佬反馈解决了有些浏览器本地实现不了的问题:放到服務器上面!(感谢!!!)
注意:引入后主html页面包含哪几个部分的Css样式不适用于被引入html页面包含哪几个部分比如在主html页面包含哪几个部汾设置
只在本html页面包含哪几个部分生效,引入文件整体适用但引入文件内容不适用。
href链接引入的html文件id可以看做html页面包含哪几个部分引導,在script中用到
为了客观反应不同方式的引入差距下面是浏览器代码界面:
由上图可以看出,import引入除开script标签在其他html body中写入什么就引入什麼,完全的内容格式.运行结果同import相同这里不再展示
注意:是head和body标签中的数据,不带标签下图是浏览器显示代码
-
include 引入(涉及到一个从网上扒的封装函数,下面有)(head和body标签中的数据直接引入)
-
object引入和iframe引入(带有滚动条,视情况使用)
- 引入后本html页面包含哪几个部分html嵌套引入html页面包含哪几个部分html整个引入
- iframe引入使用scrolling="no"可以不让html页面包含哪几个部分进行滚动,取消右侧滚动条