链接特效-让所有链接都在新窗口中打开

时间:2021-04-05 12:06:22

————————————————————

<script type="text/javascript">            
            //动态修改链接的打开类型
            function modifyOpenType(){
                //获取到所有链接的DOM
                var linkDOMS = document.getElementsByTagName("a");                
                for(var i=0; i<linkDOMS.length; i++){    //遍历
                    var link = linkDOMS[i];        //当前的链接DOM
                    link.target = "_blank";        //在新窗口中打开
                }
            }
        </script>

—————————————————————————

<body style="text-align:center;">
        <!-- 定义链接 -->
        <a href="#">链接一</a><br />
        <a href="#">链接二</a><br /><br />
        <!-- 定义按钮 -->
        <input type="button" value="修改打开方式" id="myBtn" onclick="modifyOpenType();"/>
    </body>

——————————————————————————

链接target的值及其含义

说明
_blank 在新窗口中打开
_self 在本窗口中打开
_parent 在父窗口/框架中打开
_top 在*窗口中打开
XX框架名称 在指定框架中打开