DOMImplementation.createHTMLDocument () – API Web – tạo tài liệu html bằng javascript

Các
Phương thức DOMImplementation.createHTMLDocument () tạo ra một
Tài liệu HTML mới.

Bạn đang xem : tạo tài liệu html bằng javascript

Ví dụ này tạo một tài liệu HTML mới và chèn nó vào & lt; iframe & gt; < / code> trong tài liệu hiện tại.

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

  

& lt;

body

& gt;

& lt;

p

& gt; < / p>

Nhấp vào

& lt;

a

href

=

"

javascript: makeDocument ()

"

& gt;

đây

& lt; /

a

& gt;

để tạo một tài liệu mới và chèn nó vào bên dưới.

& lt; /

p

& gt;

& lt;

iframe

id

=

"

theFrame

"

src

=

"

about: blank

"

/ & gt;

& lt; /

body

& gt;

Việc triển khai JavaScript của makeDocument () như sau:

  

function

makeDocument

(

)

{

let

frame

=

document

.

getElementById

(

" theFrame "

)

;

hãy để

doc

=

document

.

triển khai

.

createHTMLDocument

(

" Tài liệu mới "

)

;

let

p

=

doc

.

createElement

(

" p "

)

;

p

.

textContent

=

"Đây là một đoạn mới."

;

thử

{

doc

.

body

.

appendChild

(

p

)

;

}

bắt

(

e

)

{

bảng điều khiển

.

nhật ký

(

e

)

;

}

let

destDocument

=

frame

.

contentDocument

;

let

srcNode

=

doc

.

documentElement

;

let

newNode

=

destDocument

.

importNode

(

srcNode

,

true

)

;

destDocument

.

ReplaceChild

(

newNode

,

destDocument

.

documentElement

)

;

}

Mã trong dòng 4–12 xử lý việc tạo tài liệu HTML mới và chèn một số nội dung
vào nó. Dòng 4 sử dụng createHTMLDocument () để tạo một tài liệu HTML mới
& lt; title & gt; "Tài liệu mới" . Dòng 5 và 6 tạo ra một
phần tử đoạn văn mới với một số nội dung đơn giản và sau đó các dòng 8–12 xử lý việc chèn
đoạn mới vào tài liệu mới.

Dòng 16 kéo contentDocument của khung; đây là tài liệu thành
mà chúng tôi sẽ đưa nội dung mới vào. Hai dòng tiếp theo xử lý việc nhập
nội dung của tài liệu mới của chúng tôi vào ngữ 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 các ví dụ trực tiếp

Tài liệu trả về được tạo trước bằng HTML sau:

  

& lt;!

doctype

html

& gt;

& lt;

html

& gt; < / p>

& lt;

đầu

& gt; < / p>

& lt;

title

& gt; < / p>

title

& lt; /

title

& gt;

& lt; /

đầu

& gt;

& lt;

body

& gt; < / p>

& lt; /

body

& gt;

& lt; /

html

& gt;


Xem thêm những thông tin liên quan đến chủ đề tạo tài liệu html bằng javascript

Where to Place JavaScript in an HTML Page

  • Tác giả: Internet Services and Social Networks Tutorials from HowTech
  • Ngày đăng: 2013-05-15
  • Đánh giá: 4 ⭐ ( 8070 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Follow this easy step by step tutorial to learn where to place JavaScript code in an HTML page and enhance your website's performance.

    Don't forget to check out our site http://howtech.tv/ for more free how-to videos!
    http://youtube.com/ithowtovids - our feed
    http://www.facebook.com/howtechtv - join us on facebook
    https://plus.google.com/103440382717658277879 - our group in Google+

    In this tutorial we are going to show you where to add java script in HTML document. Java Script is actually a client side scripting which is used for communicating with browser, for making HTML document more responsive and for calculation purposes on the client side. The communication style of Java Script is asynchronous. So we will be making and Using javascript in html code in this tutorial.

    Step 1 -- Writing script

    Here we have an html code with only the title name of the page. So now let's insert java script functions in it.

    The best place for adding java script in HTML is in the header. This is because the header is the first thing to be loaded in a webpage.

    Over here, let's start by typing in opening tag script and then declare the language being used that is java script in this case. With that done, we will declare the type of document next, that is a text document of java script.

    Step 2 -- Inserting Custom Function

    After closing the tag, we will declare a function named myFunction that will display a dialogue box saying hello world. For that we will simply use the alert element, and displaying on the screen the text "hello world".

    After that, we will simply close the tag.

    Step 3 -- Assigning the message for pop-up

    Between the body tag, we will call the function by a link. So let's start inserting an opening hyperlink tag and in the href attribute, we will call the function from java script.

    Over here, we will be writing the text of the link and after that, let's close the tag.

    Step 4 -- Link for POP-UP window

    Now, let's save the changes and open up the HTML page.

    Over here you can see a simple hyperlink appearing on the screen. Let's click on the hyperlink and there you can see the hello world message has been prompted from java script.

    And that's it.

    And this is all about using javascript in html.

Tài liệu html, dhtml và javascript

  • Tác giả: tailieu.tv
  • Đánh giá: 4 ⭐ ( 3245 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tài liệu html, dhtml và javascript - Tài liệu này chứa những gì? Tài liệu này chứa một số bài tập kèm giải thích nội dung kiến thức liên quan đến kỹ t...

Tài liệu cơ bản về HTML, DHTML và Javascript

  • Tác giả: monhoc.vn
  • Đánh giá: 5 ⭐ ( 2190 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: MỤC LỤC Chương 0: Tạo các phần tử HTML cơ bản 4 1 Cú pháp chung: 4 2 Tạo một số phần tử cơ bản 4 Chương I: Bài tập cơ bản về JavaScript 6 Chương II: Sử

Download Lập trình web bằng HTML, DHTML và JAVASCRIPT (Tài liệu ngôn n

  • Tác giả: taimienphi.vn
  • Đánh giá: 5 ⭐ ( 3313 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Lập trình web bằng HTML, DHTML và JAVASCRIPT là tài liệu giới thiệu đến bạn về các ngôn ngữ lập trì- Thủ thuật Lập trình web bằng HTML, DHTML và JAVASCRIPT Hay

Sử dụng Javascript trong HTML

  • Tác giả: vietjack.com
  • Đánh giá: 5 ⭐ ( 4750 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sử dụng Javascript trong HTML - Học HTML cơ bản và nâng cao theo các bước đơn giản và dễ hiểu từ HTML là gì, Tag trong HTML, HTML tag, thẻ trong HTML, tổng hợp các thẻ HTML cơ bản, thẻ meta, thuộc tính, định dạng, thẻ trong HTML, commemnt, font, marquee, hình ảnh, link, bảng, frame, danh sách, layout, màu, form, background, style sheet, và sử dụng javascript.

Tài liệu html, dhtml và javascript

  • Tác giả: www.zun.vn
  • Đánh giá: 3 ⭐ ( 2630 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:  Tài liệu này chứa những gì? Tài liệu này chứa một số bài tập kèm giải thích nội dung kiến thức liên quan đến kỹ thuật lập trình Web cơ bản phía Client, bao gồ

Include dữ liệu từ file HTML bằng javascript

  • Tác giả: viblo.asia
  • Đánh giá: 4 ⭐ ( 9144 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Giới thiệu Xin chào các bạn, hôm nay mình sẽ giới thiệu tới các bạn một bài toán khác mình đã gặp trong dự án. Đó là xử lý include dữ liệu từ file HTML vào nội dung trang web bằng javascript. Hãy cùng...

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Học JavaScript: 10 mẹo hay nhất để học JavaScript từ Scratch - học viết javascript