Hướng dẫn create new html page using javascript - tạo trang html mới bằng javascript

Question

Tôi muốn tạo một nút trên một trang có thể gọi chức năng JS trong cùng một trang. Hàm sẽ cần tạo (mở) cửa sổ mới mà mã HTML của nó được đưa ra từ chính hàm JS. Làm thế nào tôi có thể làm điều đó?

Nội dung chính Show

Thông số
Giá trị trả về
Thông số kỹ thuật
Tính tương thích của trình duyệt web
Bạn có thể tạo một tệp HTML với JavaScript không?
Làm cách nào để tạo một trang HTML mới?
Làm thế nào để bạn thêm một trang mới trong JavaScript?
JavaScript có thể tạo một trang web không?

Mục đích của việc này là sản xuất một trang thân thiện với một trang cụ thể.

Xin lưu ý: Không có AJAX nào có thể được sử dụng.

hỏi ngày 5 tháng 1 năm 2010 lúc 6:36Jan 5, 2010 at 6:36

M. A. Kishawym. A. KishawyM. A. Kishawy

4.95711 Huy hiệu vàng46 Huy hiệu bạc72 Huy hiệu đồng11 gold badges46 silver badges72 bronze badges

var opened = window.open("");
opened.document.write("MyTitletest");

Đã trả lời ngày 5 tháng 1 năm 2010 lúc 7:52Jan 5, 2010 at 7:52

Fabien Ménagerfabien MénagerFabien Ménager

Phù vàng 140k3 Huy hiệu Bạc60 Huy hiệu Đồng3 gold badges40 silver badges60 bronze badges

var w = window.open("");
w.document.writeln("")

Đã trả lời ngày 5 tháng 1 năm 2010 lúc 6:39Jan 5, 2010 at 6:39

Roy Tangroy TangRoy Tang

5.5139 Huy hiệu vàng43 Huy hiệu bạc72 Huy hiệu đồng9 gold badges43 silver badges72 bronze badges

0

function fu() {
  var opened = window.open("");
  opened.document.write("Your HTML here");
}

Đã trả lời ngày 5 tháng 1 năm 2010 lúc 6:40Jan 5, 2010 at 6:40

Emil Vikströmemil VikströmEmil Vikström

88.7K15 Huy hiệu vàng134 Huy hiệu bạc170 Huy hiệu đồng15 gold badges134 silver badges170 bronze badges

3

<DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

Ở đây bạn có thể nhập mọi thứ và thay đổi cửa sổ. Hy vọng bạn thích! :)

Đã trả lời ngày 26 tháng 10 lúc 14:13Oct 26 at 14:13

Phương pháp DOMImplementation.createHTMLDocument() tạo ra một HTML Document mới.DOMImplementation.createHTMLDocument() method creates a new HTML Document.

Cú pháp

createHTMLDocument()
createHTMLDocument(title)

Thông số

var w = window.open("");
w.document.writeln("")

0 Tùy chọnOptional

Một chuỗi chứa tiêu đề để cung cấp tài liệu HTML mới.

Giá trị trả về

Một đối tượng HTML Document mới.

Ví dụ

Ví dụ này tạo ra một tài liệu HTML mới và chèn nó vào

var w = window.open("");
w.document.writeln("")

2 trong tài liệu hiện tại.

Đây là HTML cho ví dụ này:

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

Việc triển khai JavaScript của

var w = window.open("");
w.document.writeln("")

3 sau:

function makeDocument() {
  let frame = document.getElementById("theFrame");

  let doc = document.implementation.createHTMLDocument("New Document");
  let p = doc.createElement("p");
  p.textContent = "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);
}

Mã trong các dòng 4 Tay12 Xử lý tạo tài liệu HTML mới và chèn một số nội dung vào đó. Dòng 4 sử dụng

var w = window.open("");
w.document.writeln("")

4 để xây dựng một tài liệu HTML mới có

var w = window.open("");
w.document.writeln("")

5 là

var w = window.open("");
w.document.writeln("")

6. Các dòng 5 và 6 tạo ra một yếu tố đoạn văn mới với một số nội dung đơn giản, sau đó dòng 8 Ném12 xử lý chèn đoạn mới vào tài liệu mới.

Dòng 16 kéo

var w = window.open("");
w.document.writeln("")

7 của khung; Đây là tài liệu mà chúng tôi sẽ tiêm nội dung mới. Hai dòng tiếp theo xử lý nhập nội dung của tài liệu mới của chúng tôi vào bối cảnh của tài liệu mới. Cuối cùng, dòng 20 thực sự thay thế nội dung của khung bằng nội dung của tài liệu mới.

Xem ví dụ trực tiếp

Tài liệu được trả lại được xây dựng sẵn với HTML sau:

DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8" />
    <title>titletitle>
  head>
  <body>
    …
  body>
html>

Thông số kỹ thuật

Sự chỉ rõ
DOM Standard # ref-for-dom-Domplementation-createhtmldocument① # ref-for-dom-domimplementation-createhtmldocument①

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Xem thêm

Giao diện

var w = window.open("");
w.document.writeln("")

8 thuộc về.

Bạn có thể tạo một tệp HTML với JavaScript không?

Bạn có thể thêm HTML vào một tài liệu mới được tạo giống như cách bạn thường làm: bằng cách sử dụng các phương thức như append (), appendChild () và các phương thức JavaScript liên quan đến DOM khác. Trong mã ở trên, một tài liệu HTML mới được tạo bằng phương thức createHtMldocument () của giao diện mô hình hóa và thế giới Hello!by using methods such as append() , appendChild() , and other DOM-related JavaScript methods. In the code above, a new HTML document is created using the createHTMLDocument() method of the DOMImplementation interface and the Hello World!

Làm cách nào để tạo một trang HTML mới?

Thực hiện theo các bước bên dưới để tạo trang web đầu tiên của bạn với Notepad hoặc Textedit ...

Bước 1: Mở Notepad (PC) Windows 8 trở lên: ....

Bước 1: Mở Textedit (Mac) Mở Finder> Ứng dụng> Textedit.....

Bước 2: Viết một số HTML.....

Bước 3: Lưu trang HTML.....

Bước 4: Xem trang HTML trong trình duyệt của bạn ..

Làm thế nào để bạn thêm một trang mới trong JavaScript?

Cách tiếp cận: Chúng ta có thể sử dụng thuộc tính Window.location bên trong thẻ tập lệnh để tải mạnh mẽ một trang khác trong JavaScript.Nó là một tham chiếu đến một đối tượng vị trí là nó đại diện cho vị trí hiện tại của tài liệu.Chúng ta có thể thay đổi URL của cửa sổ bằng cách truy cập nó.use window. location property inside the script tag to forcefully load another page in Javascript. It is a reference to a Location object that is it represents the current location of the document. We can change the URL of a window by accessing it.

JavaScript có thể tạo một trang web không?

JavaScript là một trong những ngôn ngữ đa năng trên thế giới.Nó cho phép các nhà phát triển chúng tôi xây dựng các trang web, máy chủ, ứng dụng di động, phần cứng và thậm chí cả AI.Vì vậy, không có gì ngạc nhiên khi đó là một trong những ngôn ngữ lập trình phổ biến nhất trên thế giới.It allow us developers to build websites, servers, mobile apps, hardware and even AI. So it's not a surprise that it's one of the most popular programming languages in the world.

programming javascript Js create document HTML JavaScript

Hướng dẫn create new html page using javascript - tạo trang html mới bằng javascript

Cú pháp

Thông số

Giá trị trả về

Ví dụ

Thông số kỹ thuật

Tính tương thích của trình duyệt web

Xem thêm

Bạn có thể tạo một tệp HTML với JavaScript không?

Làm cách nào để tạo một trang HTML mới?

Làm thế nào để bạn thêm một trang mới trong JavaScript?

JavaScript có thể tạo một trang web không?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội