DOMImplementation.createHTMLDocument()

在此页

句法
范例
规范
浏览器兼容性
另请参阅
相关话题

DOMImplementation.createHTMLDocument() method creates a new HTML Document .

句法

const newDoc = document.implementation.createHTMLDocument(title)

参数

title 可选 (except in IE): DOMString containing the title to give the new HTML document.

范例

This example creates a new HTML document and inserts it into an <iframe> in the current document.

Here's the HTML for this example:

<body>
  <p>Click <a href="javascript:makeDocument()">here</a> to create a new document and insert it below.</p>
  <iframe id="theFrame" src="about:blank" />
</body>

The JavaScript implementation of makeDocument() follows:

function makeDocument() {
  let frame = document.getElementById("theFrame");
  let doc = document.implementation.createHTMLDocument("New Document");
  let p = doc.createElement("p");
  p.innerHTML = "This is a new paragraph.";
  try {
    doc.body.appendChild(p);
  } catch(e) {
    console.log(e);
  }
  // Copy the new HTML document into the frame
  let destDocument = frame.contentDocument;
  let srcNode = doc.documentElement;
  let newNode = destDocument.importNode(srcNode, true);
  destDocument.replaceChild(newNode, destDocument.documentElement);
}

The code in lines 4–12 handle creating the new HTML document and inserting some content into it. Line 4 uses createHTMLDocument() to construct a new HTML document whose <title> is "New Document" . Lines 5 and 6 create a new paragraph element with some simple content, and then lines 8–12 handle inserting the new paragraph into the new document.

Line 16 pulls the contentDocument of the frame; this is the document into which we'll be injecting the new content. The next two lines handle importing the contents of our new document into the new document's context. Finally, line 20 actually replaces the contents of the frame with the new document's contents.

View Live Examples

The returned document is pre-constructed with the following HTML:

<!doctype html>
<html>
<head>
<title>title</title>
</head>
<body>
</body>
</html>

规范

规范	状态	注释
DOM The definition of 'DOMImplementation.createHTMLDocument' in that specification.	实时标准	初始定义。

浏览器兼容性

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`createHTMLDocument`	Chrome Yes	Edge 12	Firefox 4	IE 9 9 `title` parameter is required, but can be empty string.	Opera Yes	Safari Yes	WebView Android Yes	Chrome Android Yes	Firefox Android Yes	Opera Android Yes	Safari iOS Yes	Samsung Internet Android Yes

图例

完整支持

另请参阅

DOMImplementation interface it belongs to.

元数据

最后修改： Aug 8, 2020

DOM (文档对象模型)
DOMImplementation
方法
1. createDocument()
2. createDocumentType()
3. createHTMLDocument()
4. hasFeature()
DOM 相关页面

在此页

句法

参数

范例

规范

浏览器兼容性

图例

另请参阅

相关话题