怎么让iframe内的链接打开在父窗口或者新标签页

最新推荐文章于 2023-08-25 15:39:58 发布
最新推荐文章于 2023-08-25 15:39:58 发布
阅读量1.1w 收藏 2
点赞数 1
分类专栏： JAVA 文章标签： 标签 jsp base iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kang389110772/article/details/52439977
版权

怎么让iframe内的链接打开在父窗口或者新标签页

解决办法是使用标签，在iframe的内容中.

注意的是需要把这个标签放在任何href或者src等标签之前，定义浏览器的行为.

<iframe src="">
</iframe>
<!--在src请求返回的页面中加入<base>标签,加入是jsp页面

xxx.jsp
...
<base target="_parent">
<!-- <base target="_blank" -->
sutonline
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue --使用 iframe 嵌入页面
King Saj
12-11 1452
<template> <div v-loading="loading" :style="'height:'+ height"> <iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto" /> </div> </template> <script> export default { name: "Swagg
在页面中的iframe中打开一个新页面，新页面在iframe的父页面中
丁晓东go
01-14 2528
parent.location.assign(url)
在 iframe页面 跳转至新的标签页面
User_Lily的博客
10-08 2524
在 iframe页面 跳转至新的标签页面
vue项目中，调用iframe子网页中的方法 和在iframe子页面中调用vue父页面中的方法。
qq_36519327的博客
09-21 7572
iframe
iframe vue跳转_移动端环境下Vue.js与iframe结合使用
weixin_39608613的博客
01-27 1219
前言本文github地址可进行下载需求：在vue中的超链接要在本页面展示，而浏览器的地址栏不会变化。这个前提我们今天主角就出来。原理：就是在a标签的target属性指定到iframe的name的值。一、iframe简介iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。W3C相关介绍二、 vue-cli中用iframe1. 使用vue脚手架生成一个带路由功能的项目。2.在页面中引用i...
iframe标签中的页面子页面的链接跳转新页面
DeadlyBlack的博客
07-28 5034
iframe；router；页面跳转；父页面；子页面
a标签的target链接指向iframe的方法
09-28
2. `_blank`：链接在新窗口或新标签页中打开。 3. `_parent`：链接在父框架集中的父框架中打开，如果没有父框架，则等同于`_self`。 4. `_top`：链接在整个窗口中打开，清除所有框架。 理解这些属性的使用可以帮助...
在vue中实现嵌套页面(iframe)
10-15
如果`iframe`需要从Vue父页面获取数据，可以通过传递URL参数或者使用`postMessage` API来实现跨窗口通信。以下是一个简单的请求示例： ```javascript function PcCommon() { this.baseUrl = 'https://xxxxxxx'; //...
HTML 链接锚标签及其在SEO中的作用介绍
12-13
`_blank`会在新窗口或标签页中打开链接；`_parent`在包含当前框架的父框架集中打开链接，若无框架则与`_self`相同；`_top`则会替换整个浏览器窗口的内容，取消所有级别的框架。 另外，`<a>`标签的`target`属性还...
Iframe页面请求跳转问题解决
05-31
首先在父页面的javascript给定义一个window.name，并赋予一个字符串值，如window.name="test"，其中赋予的字符串值可以随意定义，然后在Iframe页面的Form 标签中定义target属性，并且其值也必须与之前定义的window....
iframe中链接新窗口打开
ResumeProject的博客
09-07 5614
对于iframe不能在新窗口打开 <iframe id="myiframe" src="http://localhost:8080/Login.aspx" scrolling="no"></iframe> 1.添加 target="_blank" <a href="http://localhost:8080/HTMLPage.htm" target="_blank">This Page Link</a> 2.javascript window.locati
子iframe通过a标签跳转到父页面_iframe 子页面让父页面跳转
weixin_39874809的博客
12-29 1079
------解决方案--------------------输出脚本C# codestring js = "window.parent.location.href='页面URL';";ClientScript.RegisterClientScriptBlock(this.GetType(), "myJS", js);------解决方案--------------------JScript cod...
点击a标签，跳转到iframe中，并在iframe中显示指定的页面
weixin_33995481的博客
12-07 1566
点击a标签，跳转到iframe中，并在iframe中显示指定的页面 　1、用a标签的target属性 　　&lt;iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0"&gt;&lt;/iframe&gt; 　　&lt;a href="../XX.action?codeInfo=Demo12
【vue页面调用iframe嵌入页面方法并且传值，iframe里调用外部vue页面方法】
最新发布
qq_43027559的博客
08-25 3059
需求：vue项目里嵌入iframe页面，需要调用iframe页面里的方法并且把值传入进去来进行执行后续操作，如执行成功，需要在返回调用外部vue页面方法。提示：以下是本篇文章正文内容，下面案例可供参考一、具体代码提示：这里我把外部调里，里调外我都整合在一起写了，具体看注解。
关于VUE嵌套iframe的问题
WMW_wmw的博客
10-16 1780
直接用iframe的src赋值链接会向历史记录添加地址，导致用go(-1)不会真正的返回，需要多点几次才行。
踩坑vue中嵌套iframe项目，嵌套在iframe中的项目无法登录！
jieyucx的博客
04-26 3615
该属性一般是随着Set-Cookie响应头设置的，语法为response.setHeader(“Set-Cookie”,“CookieName=CookieValue;由于后续接口提示401，判断是登录接口鉴权失败导致的，原因是没有显式设置cookie的samesite属性，导致被默认为Lax，又因为响应的接口属于非顶层导航的跨站请求，浏览器将其屏蔽了！以iframe标签嵌入一个现有的项目到网站中，嵌入的项目无法正常登录，直接在浏览器地址栏输入url并登录是正常的。
vue组件嵌入iframe与其他系统页面跨域通信
weixin_42520314的博客
07-16 7982
今天在项目中用到在组件中嵌入iframe调用另一个vue项目中的组件页面 <template> <div style="width:100%;height:100%"> <iframe class="el_sence_table" ref="senTable" frameborder="0" height...
h5 iframe嵌套页面_HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法...
weixin_42499379的博客
01-12 1415
就想弄一个winform结合html5的一个小东西，突有兴致，想在里面嵌套一个微信网页版。好了，想法一出来，就行动吧，最终效果如下图：一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了，但是我还是太天真，微信网页版会自动跳转。结果如下图：于是上网搜了一下阻止iframe跳转的办法，就是在iframe标签加上security="restricted"sandbo...
#vue# 【八】使用iframe嵌入外部的页面到项目里
ZHENGCHUNJUN的博客
07-01 7259
#vue#使用iframe嵌入外部的页面到项目里 一、使用场景 使用场景1： 如果这个外部页面是一个链接的话， 那就直接在需要加入的地方，嵌套iframe标签并指定src即可 （绝对路径） <iframe src="http://xxxxxx.com"></iframe> (温馨提示：需要用一个大的div进行包裹） 使用场景2： 如果这个外部页面不是链接， 或者只是我们写好一个页面的话， 就将外部页面的文件夹加入到vue 的目录文件夹里即可； 一般可以放在static这个文件夹里面
iframe中的页面，在当前iframe窗口打开新链接并传递参数
05-12
您可以使用JavaScript在当前iframe中打开新链接并传递参数。以下是一个示例： 1. 首先，获取当前iframe的window对象： ``` var iframeWindow = window.frames['myIframe'].contentWindow; ``` 2. 然后，使用该window对象的location属性打开新链接并传递参数： ``` iframeWindow.location.href = 'newPage.html?param1=value1&param2=value2'; ``` 在这个示例中，我们将打开一个名为newPage.html的新页面，并传递两个参数param1和param2，它们的值分别为value1和value2。 请注意，这种方法只能在同源的情况下使用，否则会出现跨域问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值