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 @ 2019-01-23 21:31  xgqfrms  阅读(903)  评论(10)  编辑  收藏  举报