• a标签中调用js方法



    1. a href="javascript:void(0);" onclick="js_method()"

    这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

    2.a href="javascript:;" onclick="js_method()"

    这种方法跟跟2种类似,区别只是执行了一条空的js代码。

    <div style="padding-top: 5px;" class="about_list">
                    <ul>
                        <li>
                            <if condition="$nid eq 'qywh'">
                                <a href="javascript:void(0);" onclick="aboutus('qywh')" id="qywh" >企业简介</a>
                            <else/>
                                <a href="javascript:void(0);" onclick="aboutus('qywh')" id="qywh" >企业简介</a>
                            </if>
                        </li>
                        <li><a href="javascript:void(0);" onclick="aboutus('yuanli')" id="yuanli" >公司资质</a></li>
                        <li><a href="javascript:void(0);" id="gonggao" onclick="plat('gonggao')">平台公告</a></li>
                        <li><a href="javascript:void(0);" id="mtbd" onclick="plat('mtbd')">行业新闻</a></li>
                        <li><a href="javascript:void(0);" id="gywm" onclick="aboutus('gywm')">招贤纳士</a></li>
                        <li><a href="javascript:void(0);" id="partner" onclick="aboutus('partner')">合作伙伴</a></li>
                        <li><a href="javascript:void(0);" id="lianxi" onclick="aboutus('lianxi')">联系我们</a></li>
                    </ul>
                  </div>
    <script type="text/javascript">
     function aboutus(nid){
         var data={
            nid:nid,
        }
         location.href="/HelpCenter/AboutUs/nid/"+nid;
     }
     function plat(nid){
         var data={
            nid:nid,
        }
         location.href="/HelpCenter/Platann/nid/"+nid;
     }
        
    </script>
  • 相关阅读:
    where和having的区别
    lnmp环境安装
    Elasticsearch 日常维护命令
    Haproxy基础知识
    LVM常规操作记录梳理(扩容/缩容/快照等)
    Centos7下ELK+Redis日志分析平台的集群环境部署记录
    CentOS7.2下安装php加速软件Xcache
    ELK实时日志分析平台环境部署
    Docker容器时间跟主机时间保持同步的操作记录
    ELK基础架构解析
  • 原文地址:https://www.cnblogs.com/yangzailu/p/5834097.html
Copyright © 2020-2023  润新知