HTML跳转新窗口页面的方法

发布于 2018-11-17  558 次阅读


方法一 纯HTML

    <a href="http://www.sumbk.com" target="_blank">宿命博客</a>

方法二 使用 onclick

    // HTML 
    <a onclick="openUrl('http://www.sumbk.com')">宿命博客</a> // js // 使用 'window.open()' <script type="text/javascript"> function openUrl(url){ window.open(url); } </script>
  • 下面用到的 openUrl()都是用法二的函数
  • window.open() 的具体用法

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

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

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

    <a onclick="window.open('http://www.sumbk.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.sumbk.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.sumbk.com"); }, false); </script>

无折腾,不生活