2015-11-05 80 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"); 
相关问题