时间戳

首页 > 解决方案 > 将 HTML 包含到另一个 HTML 中

html - 将 HTML 包含到另一个 HTML 中

问题描述

有没有办法在下拉菜单中将一个 html 包含到另一个 html 中而不使用文件我知道可以做到，如果我们将一个 html 保存在路径中并尝试使用 java 脚本访问它。但我希望两个 HTML 都在同一个脚本中。Html 示例看起来像这样。

<!DOCTYPE html>
<html>
<body>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>

标签： html

解决方案

是的，您可以创建一个数据属性来分别获取文件： W3Schools - How To Include

公平地说，您可以通过使用 fetch 而不是 XMLHttpRequest 来更新该示例，但是嘿，它可以工作:-P

或者，如果您只想显示或隐藏元素，您可以使用 CSS 和一些 JS 来实现，如下所示：

 function show(){
  document.getElementById(event.target.value).style.display ='block';
 }
 function hide(){
  document.getElementById(event.target.value).style.display ='none';
 }
 object.onselect = function(){myScript(};

推荐阅读