JavaScript 之 页面跳转及Frame动态加载
2015-12-29 14:04
489 查看
一、页面跳转
JS跳转大概有以下五种方式:
1、跳转到B页面
2、返回上一个页面
3、跳转到B页面
4、跳转到B页面
5、跳转到B页面
二、Frame动态加载
页面代码实例
页面跳转JS:
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";
相关文章推荐
- json处理
- 基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
- 在JSP页面获取js中的变量值
- js数组操作大全
- 100多个基础常用JS函数和语法集合大全
- Day-8 中午。
- JSP页面显示含有中文名称(中文路径)出错?
- ObjC 利用反射和KVC实现嵌套对象序列化成JSON数据
- 轻松学习JavaScript二十八:DOM编程学习之事件处理函数
- 利用vnet在wifi局域网中模拟一个能返回json的服务器
- JS跨域调用之JSONP--动态Script标签方式实现跨域
- JS 正则表达式应用
- JavaScript学习 二、基础
- javascript跨域获取json数据
- js解决中文乱码
- js类、原型——学习笔记
- jsp中div遍历list集合
- JS实例操作QQ空间自动点赞方法
- JS判断当前使用的是哪个浏览器及其版本
- Drupal 引入JS文件的几种方式