JavaScript使iframe的跳转方法

最新推荐文章于 2023-08-18 10:28:51 发布
最新推荐文章于 2023-08-18 10:28:51 发布
阅读量575 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/szyone/article/details/9242953
版权

"window.location.href"、"location.href"是本页面跳转
"parent.location.href"是上一层页面跳转
"top.location.href"是最外层的页面跳转
举例说明：
如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写
"window.location.href"、"location.href"：D页面跳转
"parent.location.href"：C页面跳转
"top.location.href"：A页面跳转

大苏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS页面跳转和js对iframe进行页面跳转、刷新
01-30
JS页面跳转和js对iframe进行页面跳转、刷新
Android WebView拦截iframe标签内部跳转教程
08-19
在 WebViewClient 中，我们需要重写 shouldOverrideUrlLoading() 方法，在这个方法中，我们可以拦截 iframe 标签内部的跳转。在 WebChromeClient 中，我们需要重写 onCreateWindow() 方法，在这个方法中，我们可以...
javascript iframe跳转问题
newmiracle学习天地
08-03 490
javascript iframe跳转问题 如果在iframe里面有要点击跳转最外层的连接 要只能用 编辑 查看原文：http://newmiracle.cn/?p=1946
用js操纵iframe的页面跳转
charles_lau520
11-15 283
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&gt..
js控制iframe跳转
weixin_33724659的博客
11-17 621
网页：<iframe src="" id="iframe_a" name="iframe_a" style="width:100%;height:600px"></iframe> js：　parent.document.getElementById("iframe_a").src="ajax_user_center_mydownload.html"; 一句话 转载...
iframe里使用JavaScript控制主页转向的方法
10-24
主要介绍了iframe里使用JavaScript控制主页转向的方法,涉及使用javascript实现iframe页面跳转的技巧,需要的朋友可以参考下
JavaScript中iframe实现局部刷新的几种方法汇总
11-26
一、iframe实现局部刷新方法一 [removed] $(function(){ $("#a1").click(function(){ var name= $(this).attr("name"); $("#iframe").attr("src",name).ready(); }) $("#a2").click(function(){ var
Javascript实现页面跳转的几种方式分享
10-26
这里我们将详细探讨几种使用JavaScript实现页面跳转的方法。 首先，我们来看第一种方式，通过`window.location.href`属性来实现跳转。这个方法是最常见也最直接的页面跳转方式。例如： ```javascript window....
Jsp中解决session过期跳转到登陆页面并跳出iframe框架的方法
01-08
当session过期后可以用过滤器来设置重定向页面 代码如下:public class ActionFilter extends HttpServlet implements Filter {private FilterConfig filterConfig;public void init(FilterConfig config) {this....
框架iframe的界面跳转的运用
梦凝哲雪
08-18 4731
在上述代码中，假设iframe的id属性为"myIframe"，并且要跳转到的子界面的URL是"subpage.html"。通过修改iframe的src属性，可以改变嵌入的网页内容，从而实现跳转到子界面。由于浏览器的同源策略限制，如果iframe子界面和外部界面的域名不同，需进行跨域配置才可访问外部界面。这些方法可以在iframe子界面中的JavaScript代码中使用，以实现跳转到外部界面的操作。此时只能在iframe框架的主界面切换 而 无法跳转到iframe之外的界面。来修改外部界面的URL。
js页面跳转和js对iframe进行页面跳转、刷新
javablieve
02-14 875
一、js方式的页面跳转 1.window.location.href方式 window.location.href="http://www.dayanmei.com/"; 2.window.navigate方式跳转 Firefox不支持 window.navigate("top.jsp"); 如果：...
JS页面跳转+JS在Iframe页面跳转、刷新
逸少
11-07 5370
window.location.href="jb51.jsp?backurl="+window.location.href;    第二种：  复制代码代码如下:   alert("返回");  window.history.back(-1);    第三种：  复制代码代码如下:   window.navigate("jb51.jsp
Iframe url跳转方法
明媚
07-02 9657
一、适用背景 页面A嵌入Iframe页面B Iframe页面B跳转到页面C 由于是在Iframe页面B中跳转到页面C，所以页面C是以Iframe形式显示。 我想要页面C是以地址栏中是页面C的url的形式显示。 如图所示： 不做任何处理，直接由页面B跳转到页面C是这样： 但是，我想实现这样的效果： 二、实现 iframe页面B跳转到页面C之前先获取父页面的url，然后在父页面打开页面C。 即页面C是页面A跳转过去的，而不是在 iframe页面B中跳转过去的。 parent.location.hre
html iframe框架跳转,js iframe框架页面跳转(跳出父框架)
weixin_30755903的博客
06-04 947
常用的iframe操作语句"window.location.href"、"location.href"是本页面跳转"parent.location.href"是上一层页面跳转"top.location.href"是最外层的页面跳转通过javascript从 框架页 向 父框架parent.location.href="index.asp";ortop.location.href="index.as...
vue iframe 跳转
最新发布
09-14
要在Vue中实现iframe的跳转，你可以使用Vue Router来管理路由并在组件中使用iframe标签。首先，确保已经安装了Vue Router。 1. 在你的Vue项目中，打开`src/router/index.js`文件，并添加一个新的路由路径，指向一个新的组件。 ```javascript import Vue from 'vue' import Router from 'vue-router' import IframeComponent from '@/components/IframeComponent.vue' Vue.use(Router) export default new Router({ mode: 'history', routes: [ { path: '/', name: 'Home', component: IframeComponent }, { path: '/iframe', name: 'Iframe', component: IframeComponent } ] }) ``` 2. 创建一个新的组件`IframeComponent.vue`，并将其添加到`src/components`文件夹中。 ```html <template> <div> <button @click="redirectToIframe">跳转到iframe</button> <iframe ref="iframe" :src="iframeSrc" width="100%" height="500"></iframe> </div> </template> <script> export default { data() { return { iframeSrc: '' } }, methods: { redirectToIframe() { this.iframeSrc = 'https://your-iframe-url.com' // 设置iframe的URL } } } </script> ``` 3. 现在，你可以在任何想要使用iframe的地方进行导航了。在项目中的任何地方，使用`<router-link>`标签来导航到Iframe组件。 ```html <router-link to="/iframe">跳转到iframe</router-link> ``` 这样，当你点击这个链接时，将会导航到Iframe组件，并且iframe会加载指定的URL。注意替换`https://your-iframe-url.com`为你实际想要加载的URL。 这就是在Vue中使用iframe进行跳转的基本步骤。使用Vue Router来管理路由，通过点击按钮或导航链接来触发路由跳转，并在组件中使用iframe标签来加载指定的URL。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值