首页 > Web开发 > 详细

html点击链接打开新窗口

时间:2014-06-07 00:18:10      阅读:448      评论:0      收藏:0      [点我收藏+]

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>

html代码

bubuko.com,布布扣
<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>
bubuko.com,布布扣

 

html点击链接打开新窗口,布布扣,bubuko.com

html点击链接打开新窗口

原文:http://www.cnblogs.com/MiniHouse/p/3765386.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!