在 HTML 中,<div>
標(biāo)簽常常用于創(chuàng)建容器。這個(gè)容器可以包含其他元素,比如文字、圖像和其他HTML元素。
如果你想將一個(gè) HTML 頁(yè)面加載到 div 中,你需要使用 JavaScript。這可以通過以下代碼實(shí)現(xiàn):
document.getElementById("myDiv").innerHTML = "<object data=\"myPage.html\"></object>";
在這個(gè)代碼例子中,<object>
標(biāo)簽可以將外部 HTML 文檔加載到 div 中。可以通過提供外部頁(yè)面的路徑來替換data
屬性。在這個(gè)例子中,我們使用了innerHTML
屬性來將 div 填充為載入的 HTML 頁(yè)面。
如果你想要更靈活的加載 HTML 頁(yè)面,jQuery 提供了一個(gè)更方便的方法。下面的代碼展示了如何使用 jQuery 將外部 HTML 頁(yè)面加載到 div 中:
$("#myDiv").load("myPage.html");
這個(gè)代碼片段中我們使用了load()
方法將外部HTML文件加載到 div 中。它會(huì)自動(dòng)將文件的內(nèi)容顯示在 div 中,并且不需要使用innerHTML
屬性來設(shè)置 div 的內(nèi)容。
由于瀏覽器的同源政策,不能從另一個(gè)域名的服務(wù)器加載 HTML 。因此,不能在<object>
標(biāo)簽中加載外部HTML頁(yè)面,但是可以使用jQuery的load()方法來從同一域中的HTML文件加載內(nèi)容。