js 跳出页面的frameset框架示例介绍

 更新时间:2013年12月23日 17:28:08   作者:  
很多网页都是框架结构的,在很多的情况下会通过按钮点击事件或链接,跳出框架转到其它界面。下面为大家介绍下js跳出页面的frameset框架
很多网页都是框架结构的,在很多的情况下会通过按钮点击事件或链接,跳出框架转到其它界面。例如说点击“注销登录”返回到登录界面。

一、通过运行脚本跳出框架有以下几种写法:
复制代码 代码如下:

1.<script language = javascript>window.open('Login.aspx','_top')</script>"
2.<script language = javascript>window.open('Login.aspx','_parent')</script>"
3.<script language = javascript>window.parent.location.href='login.aspx'</script>
4. Response.Write("<script>window.parent.opener=null;window.top.close();</script>")
Response.Write("<script>window.open('index.aspx','');</script>")

这种方法会先关闭原框架窗口,再重新打开一个新的窗口。这在很多功能界面对浏览器进行了改变设置,而回到登陆界面又用缺省设置的情况下适用。

二、链接跳出框架
这种情况就很简单了,加上 target="_top" 属性就可以了。
它会跳转到其他的页面。

相关文章

  • 微信小程序用户后台定位及录音授权及请求示例

    微信小程序用户后台定位及录音授权及请求示例

    这篇文章主要为大家介绍了微信小程序用户后台定位及录音授权及请求示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-04-04
  • 浅谈javascript的分号的使用

    浅谈javascript的分号的使用

    不加分号其实体现的是对javascript的深入理解。最后一个分号是因为无法判断后引入的js文件内容会不会对本文档产生影响;return多数是要加分号的,
    2015-05-05
  • iphone safari不支持position fixed的解决方法

    iphone safari不支持position fixed的解决方法

    最近一直在做移动web开发,开发过程中遇到了许多问题,mobile safari不支持position: fixed就是一件很头疼的事情
    2012-05-05
  • Bootstrap零基础入门教程(二)

    Bootstrap零基础入门教程(二)

    Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。这篇文章主要介绍了Bootstrap零基础入门教程(二) 的相关资料,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧
    2016-07-07
  • 快速排序 php与javascript的不同之处

    快速排序 php与javascript的不同之处

    告诉你一个排序算法,也许是最重要的是他们知道 - 快速排序,无论是在PHP和JavaScript实现的。虽然这两种语言之间的代码看起来相似,也有一些差异,这表明了语法知识的重要性!
    2011-02-02
  • uniapp如何编写含有后端的登录注册页面

    uniapp如何编写含有后端的登录注册页面

    uniapp是一个使用html5标准的,一次开发,可以发布到安卓,ios,小程序的多端框架,非常方便,下面这篇文章主要给大家介绍了关于uniapp如何编写含有后端的登录注册页面的相关资料,需要的朋友可以参考下
    2023-05-05
  • JavaScript中变量提升和函数提升的详解

    JavaScript中变量提升和函数提升的详解

    这篇文章主要介绍了JavaScript中变量提升和函数提升的详解,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • JavaScript实现带并发限制的异步调度器

    JavaScript实现带并发限制的异步调度器

    这篇文章主要为大家详细介绍了如何基于JS实现一个带并发限制的异步调度器 Scheduler,保证同时运行的任务最多有N个,感兴趣的小伙伴可以了解下
    2024-03-03
  • 前端项目npm install 安装依赖报错的解决方案(三种问题解决方案)

    前端项目npm install 安装依赖报错的解决方案(三种问题解决方案)

    本文给大家介绍前端项目npm install 安装依赖报错的解决方案(三种问题解决方案),给大家总结了前端项目安装依赖,遇到过的问题,每一种问题给大家完美解决方案,感兴趣的朋友一起看看吧
    2023-12-12
  • 一个Js文件函数中调用另一个Js文件函数的方法演示

    一个Js文件函数中调用另一个Js文件函数的方法演示

    这篇文章主要介绍了一个Js文件函数中调用另一个Js文件函数的方法,两个javascript文件中相互调用函数,主要是将引入的Js文件代码放在</body>下面。具体操作方法可查看下文,需要的朋友可以参考下
    2017-08-08

最新评论