除了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>

 



posted @ 2017-01-19 12:24  贺小鸣  阅读(1597)  评论(0编辑  收藏  举报
为尊重他人劳动成果,转载/摘抄请标明来源!