<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>iframe</title>
</head>
<body>
<div style="float: left" >
<ul>
<li><a href="demo.html" target="targetText">deno</a></li>
<li><a href="http://www.baidu.com" target="targetText">baidu</a></li>
</ul>
</div>
<iframe src="demo.html" style="float: left" name="targetText"></iframe>
</body>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>iframe</title>
</head>
<body>
<div style="float: left" >
<ul>
<li><a href="demo.html" target="targetText">deno</a></li>
<li><a href="http://www.baidu.com" target="targetText">baidu</a></li>
</ul>
</div>
<iframe src="demo.html" style="float: left" name="targetText"></iframe>
</body>
</html>
以上,在每个左侧的菜单的a标签上都写有一个 href和target属性
href是右侧内容的展示内容,而target是决定内容展示的地方,如果都要展示在右侧,那么 target的值 与iframe中的name值要保持一致。 iframe中的src是初次进入时的展示内容。
如果点击了某个菜单,然后再刷新,则会变为初始的iframe中的src内容。如果想要保留点击后的内容,可以使用js,在点击菜单时,讲iframe中的src替换就好了