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>


  • 相关阅读:
    记一次mqtt压测过程
    记项目过程中代码分支管理
    测试流程
    Docker与K8s的区别
    Mysql之pymysql
    Mysql常用简介
    JQuery
    CSS
    红外线接受程序 理解
    数码管流水灯升级程序理解
  • 原文地址:https://www.cnblogs.com/heyiming/p/6306104.html
Copyright © 2011-2022 走看看