Làm cách nào để lấy nội dung HTML của iFrame bằng JavaScript? – lấy nội dung của iframe

Cổng thông tin Khoa học Máy tính dành cho những người yêu thích máy tính. Nó bao gồm các bài báo về khoa học máy tính và lập trình được viết tốt, được tư duy tốt và được giải thích tốt, các câu đố và thực hành / lập trình cạnh tranh / các câu hỏi phỏng vấn công ty.

Bạn đang xem : lấy nội dung của iframe

Làm cách nào để tải nội dung HTML của iFrame bằng JavaScript?

& lt; iframe & gt; thẻ chỉ định một khung nội tuyến. Nó cho phép chúng tôi tải một tệp HTML riêng biệt vào một tài liệu hiện có.

Đoạn mã:

function getIframeContent (frameId) {
    var frameObj =
        document.getElementById (frameId);

    var frameContent = frameObj.
        contentWindow.document.body.innerHTML;
        
    alert ("nội dung khung:" + frameContent);
}

Một số định nghĩa được đưa ra dưới đây:

  • getIframeContent (frameId): Nó được sử dụng để lấy tham chiếu đối tượng của iframe. < / li>
  • contentWindow: Đây là một thuộc tính trả về đối tượng cửa sổ của iframe.
  • contentWindow.document: Nó trả về tài liệu đối tượng của cửa sổ iframe.
  • contentWindow.document.body.innerHTML: Nó trả về nội dung HTML của nội dung iframe.

Ví dụ: Ví dụ sau minh họa việc đưa tệp HTML riêng biệt vào tài liệu hiện có.

& lt;! DOCTYPE html & gt;

& lt; html & gt; < / p>

& lt; head & gt;

& lt; title & gt;

Cách lấy nội dung HTML của

iFrame sử dụng javascript?

& lt; / title < code class = "trơn"> & gt;

& lt; / đầu & gt;

& lt; < code class = "keyword"> body & gt;

& lt; iframe id = " frameID " src =

"ContentOfFrame.html" & gt;

& lt; / iframe & gt;

& lt; a href = "#" onclick =

"getIframeContent ('frameID');" & gt;

Lấy nội dung của Iframe

& lt; / < / code> a & gt;

& lt; script & gt;

function getIframeContent (frameID) {

var frameObj = < / code>

document.getElementById (frameID);

var frameContent = frameObj

. contentWindow.document.body.innerHTML;

< code class = "trơn"> alert ("nội dung khung:" + frameContent);

}

& lt; / script & gt;

& lt; / body & gt;

< / code>

& lt; / html & gt;

 
 

ContentOfFrame.html Ví dụ sau minh họa nội dung mã HTML của tệp“ ContentOfFrame.html ”

& lt;! DOCTYPE html & gt;

& lt; html & gt;

& lt; body & gt;

< code class = "same"> GeeksForGeeks: A Computer

Cổng thông tin khoa học dành cho người đam mê

(Nó được tải bên trong

iframe)

& lt; / body & gt;

& lt; / html & gt;

 
 

Đầu ra:

  • Trước khi nhấp vào liên kết:
  • Sau khi nhấp vào liên kết:

Ghi chú cá nhân của tôi


Xem thêm những thông tin liên quan đến chủ đề lấy nội dung của iframe

What Is an iFrame? (And How to Use Them)

alt

  • Tác giả: Elegant Themes
  • Ngày đăng: 2020-04-10
  • Đánh giá: 4 ⭐ ( 2933 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In today's video, we learn about iFrames and how to use them.

    Blog post: https://www.elegantthemes.com/blog/wordpress/what-is-an-iframe-and-how-to-use-them

    ➡️ Learn more about Divi: https://www.elegantthemes.com/gallery/divi/
    🔵 Like us on Facebook: https://www.facebook.com/elegantthemes/

    iFrameWordPress ElegantThemes

Quét web Python hiện đại bằng cách sử dụng nhiều thư viện

  • Tác giả: helpex.vn
  • Đánh giá: 5 ⭐ ( 9104 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài đăng này, chúng tôi sẽ nói về việc quét web Python và cách quét các trang web bằng nhiều thư viện như Beautifulsoup, Selenium và một số công cụ ma thuật khác như PhantomJS. Bạn sẽ…

Iframe trong HTML

  • Tác giả: quantrimang.com
  • Đánh giá: 4 ⭐ ( 5087 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong HTML, iframe được dùng để hiển thị một trang web bên trong một trang web khác.

iFrame là gì?

  • Tác giả: www.hostinger.vn
  • Đánh giá: 4 ⭐ ( 4492 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết giải thích khái niệm iFrame là gì, cách sử dụng iFrame, lợi ích và những điều đáng lưu ý về iFrame. Hãy tìm hiểu kỹ iFrame thôi!

Lấy nội dung của iframe bằng JavaScript thuần túy

  • Tác giả: vi.athabasca-foto.com
  • Đánh giá: 3 ⭐ ( 6390 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tôi đã có thể lấy nội dung của Iframe bằng jQuery, mặc dù tôi muốn tìm hiểu cách tải nó bằng JavaScript thuần túy. Đây là những gì tôi có cho đến nay. var frame = document.getElementById ('awc_fram ...

iFrame trong HTML là gì? Ví dụ sử dụng iFrame trong HTML

  • Tác giả: vietnix.vn
  • Đánh giá: 4 ⭐ ( 8419 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bạn đã hiểu về iFrame trong HTML là gì? Cachs ửu dụng như thế nào. Trong bài viết này Vietnix sẽ đưa ra các ví dụ cụ thể để dễ hơn.

Làm cách nào để lấy nội dung của iframe trong Javascript?

  • Tác giả: qastack.vn
  • Đánh giá: 4 ⭐ ( 2889 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Câu hỏi chính xác là làm thế nào để làm điều đó với JavaScript thuần khô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  Thuộc tính chức năng chuyển tiếp CSS - chức năng thời gian chuyển tiếp tuyến tính