一、页面跳转
JS跳转大概有以下五种方式:
1、跳转到B页面
<script language="javascript" type="text/javascript"> window.location.href="B.html"; </script>
2、返回上一个页面
<script language="javascript"> window.history.back(-1); </script>
3、跳转到B页面
<script language="javascript"> window.navigate("B.html"); </script>
4、跳转到B页面
<script language="JavaScript"> self.location=’B.html’; </script>
5、跳转到B页面
<script language="javascript"> top.location=’B.html’; </script>
二、Frame动态加载
页面代码实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>123</title> </head> <frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0"> <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frameset cols="45%,*" frameborder="no" border="0" framespacing="0"> <frame src="left.html" name="leftFrame" scrolling="AUTO" noresize="noresize" id="leftFrame" title="leftFrame" />
<frameset rows="10%,*" cols="*" frameborder="1" border="1" framespacing="0"> <frame src="right_top.html" name="right_topFrame" id="right_topFrame" title="right_topFrame" /> <frame src="" name="right_bottomFrame" id="right_bottomFrame" title="right_bottomFrame" /> </frameset> </frameset> </frameset> <noframes>
<body></body> </noframes>
</html>
页面跳转JS:
window.top.right_bottomFrame.location.href = "xxxx.htm"; window.parent.right_bottomFrame.location.href = "xxxx.htm"; document.getElementById("对应的ID号").src="path/xxxx.htm"
window.parent.document.getElementById("right_bottomFrame").src="xxx.htm";