Question

我想创建一个与“www.w3schools.com”中提供的“自己尝试”相似的网页。

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>

Answer 1

为id为divSource的source创建两个div，为id为divHtml的html创建第二个div。使用jquery代码将数据分配给div，如

$("#divSource").text("sorce code");
$("#divHtml").html("sorce code");

如何在一个iframe中显示源代码，在同一页面上显示第二个iframe的输出？

1 个答案: