Question

我有一个这样的html文件，

<!DOCTYPE html>
 <html lang="en">
  <head>
   //some content
  </head>
  <body>
   //some content
  </body>
 </html>

我的问题是如何使用jquery整个加载此文件。我试过了附加功能，但它没有工作..我搜索了解决方案已经有一段时间了，但是发现了很多方法来附加html文件的某些部分，比如meta，link，而不是整个文件。

我可以用jquery吗？

Answer 1

index.html或其他

<iframe src="filename.html"></iframe>

<强> filename.html

<!DOCTYPE html>
 <html lang="en">
  <head>
   //some content
  </head>
  <body>
   //some content
  </body>
 </html>

Answer 2

您可以使用<link>元素，rel属性设置为import，href设置为文件路径，type设置为"text/html" 。使用带有替换XMLSerializer() .serializeToString()属性的document实例.doctype作为参数，从导入的<!DOCTYPE>获取document声明; document.write() .import.documentElement.outerHTML属性为link元素的.doctype作为参数替换已导入<html>和.doctype的现有<html>和document节点<!DOCTYPE html> <html lang="en"> <head> <link id="doc" rel="import" href="https://gist.githubusercontent.com/guest271314/9921cb52b143437b23f23fa32284ca35/raw/86532c043b666bce15b33c91dc29e98615dd4e25/replacementDocument.html" type="text/html" /> </head> <body> //original content <button>load html document</button> <script> var link = document.getElementById("doc"); document.querySelector("button") .onclick = function() { // http://stackoverflow.com/a/30565562/ var dt = new XMLSerializer().serializeToString(link.import.doctype); document.write(dt, link.import.documentElement.outerHTML); document.close(); } </script> </body> </html>。

＆＃13;

{{1}}

＆＃13;

如何使用jquery附加整个html文件

2 个答案: