筆試遇到這樣的一個(gè)問題，特意整理一下。

方法一 純HTML

    <a  target="_blank">博客園</a>

方法二 使用onclick

    // HTML 
    <a onclick="openUrl('http://www.cnblogs.com')">博客園</a>
    // js
    // 使用 'window.open()'
    <script type="text/javascript">
        function openUrl(url){
            window.open(url);
        }
    </script>

下面用到的openUrl()都是用法二的函數(shù)
window.open()的具體用法

方法三 使用href="javascript:openUrl()"

    // HTML
    <a href="javascript:openUrl('http://www.cnblogs.com')">博客園</a>

方法四 直接使用window.open()

    <a onclick="window.open('http://www.cnblogs.com')">博客園</a>

方法五 使用id + onclick

    // HTML
    <p id="btn">博客園</p>
    // js
    <script type="text/javascript">
        var btn = document.getElementById('btn');
        btn.onclick =function(){
            openUrl("http://www.cnblogs.com");
        };
    </script>

方法六 使用addEventListener()

    // HTML
    <p id="btn">博客園</p>
    // js
    <script type="text/javascript">
        var btn = document.getElementById('btn');
        btn.addEventListener("click", function(e){
            openUrl("http://www.cnblogs.com");
        }, false);
    </script>

分類:HTML

總結(jié)

以上是生活随笔為你收集整理的HTML跳转新窗口的方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。