js 控制框架页面跳转 top.location.herf = "url"

top.location.href和localtion.href有什么不同

top.location.href=”url”          在顶层页面打开url(跳出框架)   self.location.href=”url”         仅在本页面打开url地址   parent.location.href=”url”      在父窗口打开Url地址   this.location.href=”url”       用法和self的用法一致      if (top.location == self.location) 判断当前location 是否为顶层来 禁止frame引用   如果页面当中有自定义的frame的话,也可以将parent  self   top换为自定义frame的名称      效果就是在自定义frame窗口打开url地址

实际中可能这样使用

if(top !== self){             top.location.href = location.href;         }   禁止frame引用

以下是从网上找到的一个例子,不是很直观, 我加了上面那三行代码, 可以先去掉, 再加上, 看一下效果,就很清楚了 以下是top.htm 代码 <script language=javascript> function rs(){

if(top !== self){             top.location.href = location.href;         }   parent.left.location.href="top.htm" parent.bot.location.href="top.htm" } < /script> < input type=button name=name value="ksdj" onclick=rs();>
以下是一个随意文件名的htm文件: <FRAMESET COLS="150,*"> < FRAME SRC="left.htm" name=left> < FRAMESET ROWS="150,*"> < FRAME SRC="top.htm" name=top> < FRAME SRC="bot.htm" name=bot> < /FRAMESET> < /FRAMESET> 你自己试试,我想你要的可能就是这样的效果!

top表示主窗口,location表示当前窗口,如果你的文件只有一个框架,没有iframe和frmaeset,那么是完全一致的,没有区别。

top.location是在顶层frame中打开新页   window.location是在当前frame中打开新页

parent.location 在当前窗口的父窗口打开Url地址

top表示主窗口,location表示当前窗口,如果你的文件只有一个框架,没有iframe和frmaeset,那么是完全一致的,没有区别。

时间: 2024-09-28 23:16:52

js 控制框架页面跳转 top.location.herf = "url"的相关文章

js父级页面跳转

<script>parent.location.href='../Index.aspx'</script> js父级页面跳转,布布扣,bubuko.com

window.location.herf=url参数有中文,到后台乱码问题解决

js中的代码: /*将中文的参数进行两次编码 */ function queryByName(){                    //获取查询条件的用户名                    var queryName=$("#queryName").val();//尚晓飞当当                    alert(queryName);                    //进行后台跳转                    window.location.

js实现页面跳转,location.href和location.replace和location.reload的区别

阅读:2016-03-09 18:47 标签:it reload 方法,该方法强迫浏览器刷新当前页面. 语法: location.reload([bForceGet]) 参数: bForceGet,可选参数,默认为false,从客户端缓存里取当前页.如果设置为true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5('刷新') replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前进"和&q

js中实现页面跳转

1.在本页中跳转到指定页面 1.window.location.href方式    <script language="javascript" type="text/javascript">           window.location.href="target.aspx";     </script> 2.window.navigate方式跳转   <script language="javascr

JS打开新页面跳转

有时候使用js进行页面跳转,想使用 a 标签中 target="_blank" 形式,跳转打开一个新的页面. 可以使用以下脚本,创建一个 a标签,然后模拟点击操作. 代码如下: function searchBaidu() { var url = "http://www.baidu.com“; window.location.href = url; var el = document.createElement("a"); document.body.ap

js实现静态页面跳转传参

最近有个项目: 存静态web服务,一个新闻页面列表出所有新闻摘要信息,然后通过点击新闻详情访问到该新闻的详情页面: 新闻展示的页面通过ajax请求接口获取到新闻的摘要信息,预计想通过id的方式访问到新闻详情页面: 如果动态实现跳转非常简单,静态文件跳转...想了一下是否能实现在静态文件的后面加上请求的id呢?比如动态情况http://news.com/?new_id=1: 静态请求src="news_content.html?new_id=1" 最后查资料还是能实现的: 特别声明:Po

PHP JS HTML ASP页面跳转代码 延时跳转代码 返回到上一界面并刷新

1.PHP延时跳转代码 //跳转到浏览界面 header("Refresh:1;url=machine_list.php"); //不延时 <?php header("location: http://www.baidu.com"); ?> //PHP内JS输出代码 echo ("<script language=\"JavaScript\">alert(\"修改成功!\");location

PHP JS HTML ASP页面跳转代码 延时跳转代码

1.PHP延时跳转代码 //跳转到浏览界面 header("Refresh:1;url=machine_list.php"); //不延时 <?php header("location: http://www.baidu.com"); ?> 2.JavaScript 跳转 <script language="javascript"> window.location= "http://www.baidu.com&q

JS 控制wap页面viewport正常显示

首先你要设置meta viewport属性. <meta name="viewport" content="width=device-width, target-densityDpi=device-dpi, user-scalable=yes"> 然后再JS代码中设置如下代码: var viewport = document.querySelector("meta[name=viewport]"); var winWidths=$(w