87,910
社区成员
发帖
与我相关
我的任务
分享html页面直接在框架中打开
现在我有一个框架页面和两个子页面（见下面），我的问题是我直接打开right.html（不是打开main.html，然后点击超链接加载righi.html），能不能让它显示在框架的右侧。
请高手看看怎么个解决办法？
框架页：main.html代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<frameset cols="20%,*">
<frame src="left.html" name="left"/>
<frame src="" name="right"/>
</frameset>
<body>
</body>
</html>
左侧子页面页：left.html代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="right.html" target="right"> 资源 </a>
</body>
</html>
右侧子页面：right.html代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
右侧页面
</body>
</html>
效果：
请高手看看怎么个解决办法？
框架页：main.html代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<frameset cols="20%,*">
<frame src="left.html" name="left"/>
<frame src="" name="right"/>
</frameset>
<body>
</body>
</html>
左侧子页面页：left.html代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="right.html" target="right"> 资源 </a>
</body>
</html>
右侧子页面：right.html代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
右侧页面
</body>
</html>
效果：
...全文
请发表友善的回复…
发表回复
天际的海浪 2015-10-15
- 打赏
- 举报
main.html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
window.onload = function () {
if(/\?u=(.+)/.test(location.href)){
alert(RegExp.$1);
document.getElementById("right").src = RegExp.$1;
}
}
</script>
</head>
<frameset cols="20%,*">
<frame src="left.html" name="left"/>
<frame src="" name="right" id="right"/>
</frameset>
<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
if(window===window.top)
location.href = "main.html?u="+location.href;
</script>
</head>
<body>
右侧页面
</body>
</html>
liusaint1992 2015-10-15
- 打赏
- 举报
没懂你意思。 你是不想用frame，而是在同一个页面上展现内容么？
这样的话，直接在一个页面上左右布局好，用div就行。
<div class='left'></div>//放左边
<div class='right'></div>//放右边
然后左边链接，点击的时候。用ajax。把right.html中的内容获取过来，填进右边的 div中去。就是放入到 class right里面。
