html点击链接打开新窗口

时间：2024-11-08 12:33:38

html标记中格式为<a href="url"> text </a>

此时，内容在原来窗口呈现，如果想新开窗口，可以采用下列方式。

1. <a href="http://www.baidu.com/" onclick="window.open( this.href, '_blank', 'scrollbars=0,sesizebar=0,sesizeable=0,width=300' );return false"> Click </a>

2. <a href="javascript:;" onClick="javascript:window.open('http://www.baidu.com/','','width=600,height=500,left=10, top=10,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');return false;"> Click </a>

3. <a href="http://www.baidu.com/" target="_blank"> Click </a> 直接在后面添加target="_blank"即可。

target的值：

_blank 新窗口打开链接

_parent 父窗口打开链接

—self 当前窗口打开链接 默认值

—top 当前窗体打开链接，并替换当前整个窗体

html代码

<html>

    <head>

        <title>open new page</title>

        <http-equiv="Content-Type" content="html"; charset="utf-8" />

        <script type="javascript">

            function OpenPage(){

                alert( "click" );

                window.open( "http://www.baidu.com/", "_blank", "scrollbars=yes, sizebar=0, resizeable=yes" );

                return false;

            }

            function fun1(){

                alert( "ok" );

            }

        </script>

    </head>

    <body>

        <p>

            <!-- <a href="http://www.baidu.com/" onclick="window.open( this.href, '_blank', 'scrollbars=0,sesizebar=0,sesizeable=0,width=300' );return false"> Click </a> -->

            <!-- <a href="javascript:;" onclick="OpenPage()"> Click </a> -->

            <!-- <a href="javascript:;" onClick="javascript:window.open('http://www.baidu.com/','','width=600,height=500,left=10, top=10,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');return false;"> Click </a> -->

        </p>

        <input type="button" id="button1" value="Show" onClick="func1()" />

    </body>

</html>

相关文章