xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

how to disabled iframe page open new window / new tab

how to disabled iframe page open new window / new tab

禁用 iframe 中的页面打开新页面


<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="xgqfrms">
    <meta name="generator" content="VS code">
    <title>iframe bug</title>
</head>
<body>
    <section>
        <h1></h1>
        <iframe src ="https://news.sina.com.cn/c/2019-01-23/doc-ihqfskcn9805649.shtml" style="border: 1px solid red;" height="500" width="600" align="top" frameborder=0 scrolling=no>
            <p>Your browser does not support iframes.</p>
        </iframe>
        <iframe src ="https://news.sina.com.cn/c/2019-01-23/doc-ihqfskcn9805649.shtml" style="border: 1px solid red;" height="500" width="600">
            <p>Your browser does not support iframes.</p>
        </iframe>
    </section>
</body>
</html>


DD-EAPP

https://stackoverflow.com/questions/29188009/how-to-prevent-links-in-iframe-from-opening-in-new-tab#

demo

https://codepen.io/webgeeker/pen/bzdbmK
https://codepen.io/webgeeker/pen/mvJbzM


<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="author" content="xgqfrms">
    <meta name="generator" content="VS code">
    <title>auto return to home page!</title>
</head>
<body>
    <section>
        <h1>auto return to home page!</h1>
        <section>
            <pre>target="_blank"</pre>
            <a href="https://cdn.xgqfrms.xyz/index.html" target="_blank">https://cdn.xgqfrms.xyz/index.html</a>
        </section>
        <section>
            <pre>target="_parent"</pre>
            <a href="https://cdn.xgqfrms.xyz/index.html" target="_parent">https://cdn.xgqfrms.xyz/index.html</a>
        </section>
        <section>
            <pre>target="_self"</pre>
            <a href="https://cdn.xgqfrms.xyz/index.html" target="_self">https://cdn.xgqfrms.xyz/index.html</a>
        </section>
    </section>
</body>
</html>



reasons

https://www.w3schools.com/tags/att_a_target.asp

https://css-tricks.com/snippets/html/form-submission-new-window/


<a href="#" target="_blank">link</a>

<form action="#" method="post" target="_blank">
    ...
</form>


iframe & HTTPS & CORS

https://iframe.xgqfrms.xyz/eapp/index.html#blog.sina.cn



©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!


posted @   xgqfrms  阅读(911)  评论(10编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示