• 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>
  • 相关阅读:
    Android第三次作业
    Android第二次作业
    2016-2017-2软件工程课程总结
    软件工程——个人总结
    软件工程——团队答辩
    软件工程——团队作业4
    软件工程——团队作业3
    软件工程——团队作业2
    软件工程——团队作业1
    软件工程第二次作业——结对编程
  • 原文地址:https://www.cnblogs.com/MiniHouse/p/3765386.html
Copyright © 2020-2023  润新知