替代div来模块化html代码的替代方法

时间:2018-09-18 09:52:00

标签: javascript html web-component shadow-dom

我正在寻找将html分解为模块。我希望像

<div src="panel.html" onload="enable('guest-only-buttons');" />

是可能的。 我使用XMLHttpRequest对此进行了模拟,但确实感觉像是一堆div hack,就像在基于表的布局时代那样。 特别是希望模块成为代码DOM的一部分,因此可以对其进行修改,但实际DOM是无缝的。有这样的东西吗? 我仅在平板电脑上安装了Firefox Android。在about:config中启用了WebComponents和Shadow DOM。

1 个答案:

答案 0 :(得分:-2)

必须以这种方式加载吗?

您可以执行ajax请求以从其他模块获取内容,也可以通过php进行。

我还建议使用Vue.js组件

如果不只是使用php import:<?php require_once('somefile.html'); ?>