2015-11-05 52 views
-1

我想創建一個類似於「www.w3schools.com」中給出的「自己試用」的網頁。如何在一個iframe中顯示源代碼,並在同一頁面上顯示第二個iframe的輸出?

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Untitled Document</title> 
</head> 

<body> 
<iframe width="45%" height="500px" name="left"> 

</iframe> 
<iframe width="45%" height="500px" name="right" src="image_hover.html"></iframe> 
<a href="http://www.w3schools.com" target="left"><h1>Left</h1></a> 
<a href="image_hover.html" target="right"><h1>Right</h1></a> 

</body> 
</html> 

回答

1

讓兩個div一個ID爲divSource和第二ID爲divHtml html源代碼。使用jquery代碼將數據分配給div,如

$("#divSource").text("sorce code"); 
$("#divHtml").html("sorce code"); 
相關問題