侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130555 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

How TO - Include HTML

2024-05-15 星期三 / 0 评论 / 0 点赞 / 3 阅读 / 1655 字

在前端开发过程中,有部分通用的页面<节点>,如header/footer etc...,但是HTML没有提供引入页面的节点和方法,所有只能每个页面都将代码冗余这部分代码,但是这不仅对于前端开发者来说是

        在前端开发过程中,有部分通用的页面<节点>,如header/footer etc...,但是HTML没有提供引入页面的节点和方法,所有只能每个页面都将代码冗余这部分代码,但是这不仅对于前端开发者来说是一个工作量,对于后端整合人员,更是需要通过删除冗余代码,抽出通用部分,再进行引用,所有,很有必要通过某种方式使让前端可以直接抽成通用部分。

0.通过Jquery来操作节点:

main.html

<html>   <head>     <script src="jquery.js"></script>     <script>     $(function(){      $("#includedContent").load("content.html");     });    </script>   </head>   <body>      <div id="includedContent"></div>  </body> </html>

b.html

<p> This is my include file - content.html </p>

1.通过W3Data库进行引用<推荐>:

main.html

<!DOCTYPE html><html><script src="http://www.w3schools.com/lib/w3data.js"></script><body><div w3-include-html="content.html"></div> <script>w3IncludeHTML();</script></body></html>

content.html

<p> This is my include file - content.html </p>

Reference:http://www.w3schools.com/howto/howto_html_include.asp

广告 广告

评论区