zoukankan      html  css  js  c++  java
  • 除了a链接跳转,还有其他的跳转方式

    一.直接在要跳转部分加上onclick事件

    1.加入onclick事件:

    <div onclick="window.open('http://baidu.com','_blank')" style="cursor:pointer"></div>

    二、使用js给将要跳转部分加上链接

    1.
    //首先获取id/class名,并为其绑上事件(当然类名相同时会出现问题,一般获取id)
    link=document.getElementById("link");
    link.onclick = function(){
    window.open('http://baidu.com','_blank');/*想要链接到的地址以及链接方式*/
    }

    2.以下是使用js添加链接的几种形态
    <script>
    window.onload=function(){
        document.getElementById("link1").onclick=function(){
    //
                var url="http://zhidao.baidu.com/";//在另外新开窗口中打开链接
                window.open(url);
                return true;
            }
        }
    </script>
    <script> // window.onload=function() { document.getElementById("link2").onclick = function () { window.open("http://www.jb51.net"); //在另外新建窗口中打开窗口 } } </script>

    <script> // window.onload=function() { document.getElementById("link3").onclick = function () { window.location.href = "http://www.taobao.com";//在同当前窗口中打开窗口 } } </script>


  • 相关阅读:
    mysql总结
    git总结
    转:如何判断一家公司的好坏
    路越走越窄,尤其做技术的
    百度面试总结
    背叛
    which和whereis 命令
    bzoj3263 陌上花开 CDQ模板
    bzoj 2653middle
    暑假第十九测
  • 原文地址:https://www.cnblogs.com/heyiming/p/6306104.html
Copyright © 2011-2022 走看看