html点击链接打开新窗口

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>