window open 弹出窗口 和 同一窗口下打开新标签页

Posted rencoo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了window open 弹出窗口 和 同一窗口下打开新标签页相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <a href="https://www.baidu.com/"  class ="popup">
            百度一下</a>
            <!-- onclick = ‘return false‘ ,点击后不跳转了 -->
        <script type="text/javascript">
            // 辅助函数
            var addLoadEvent = function(func) {
                var oldonload = window.onload;
                //将已有的保存,如果已有
                if (typeof window.onload !== ‘function‘ ) {
                    window.onload = func;
                } else {
                    window.onload = function(){
                        oldonload();
                        func();
                    }
                }
            }
            addLoadEvent(prepareLinks);

            // 主函数
            function prepareLinks() {
                // 此处表达成var prepareLinks = function(){ , 则函数无效,到这就不运行了???
                if(!document.getElementsByTagName) return false;
                var links =document.getElementsByTagName(‘a‘);
                for (var i = 0; i < links.length; i++) {
                    if (links[i].getAttribute(‘class‘) == ‘popup‘) {
                        //包含了 对 ‘popup‘ 是否存在的判断
                        links[i].onclick = function(){
                            return popUp(this.getAttribute("href")) ? false : true;
                            //return !popUp(this.getAttribute("href"));
                        }
                    }
                }
            }

            // 点击链接 不跳转页面 ,弹出窗口
            var popUp = function(winURL) {
                window.open(winURL,"popup","resizable,scrollbars,status");
                return true;
            }

            // 若 popUp 改成如下,则点击链接 在同一窗口下打开 新标签页面
            // var popUp = function(winURL) {
            //     window.open(winURL, ‘_blank‘);
            //             return true;
            // }
        </script>
    </body>
</html>

 

以上是关于window open 弹出窗口 和 同一窗口下打开新标签页的主要内容,如果未能解决你的问题,请参考以下文章

弹出窗口的html的代码是怎么写的?

Window.open 作为模式弹出窗口?

用window.open打开的新窗口如何居中弹出

怎么取得window.open打开窗口的返回值

window open 打开窗口最大化

js弹出window.open窗口