今天发现项目中有个小毛病，就是tab老是刷新，就上网Copy了一份防止刷新的Tab例子，谢咯。

贴上来参考一下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <link href="../Style/StyleLightBlue/css/hrms.css" rel="stylesheet" type="text/css" />

    <link href="../Style/StyleLightBlue/css/table.css" rel="stylesheet" type="text/css" />

    <script src="../Style/jquery/jquery.js" type="text/javascript"></script>

    <script src="../Style/jquery/Basic.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">

        $(function () {

            $("div.tab").hide(); //隐藏所有

            $("div.tabs a:first").addClass("current"); //第一个元素选中

            $("div.tab:first").show(); //第一个内容显示

            $("div.tabs a").click(function () {

                $("div.tabs a").removeClass("current"); //将所有的tab去掉current样式

                $(".tab").hide(); //隐藏所有

                $(this).addClass("current");

                var activeTab = $(this).attr("href"); //获取div

                $(activeTab).show();

            });

        });

    </script>

    <style type="text/css">

        .tabs

        {

            list-style: none;

            width: 400px;

            height: 23px;

        }

        .tabs a

        {

            display: block;

            float: left;

            padding: 2px 3px;

            background: #eff7ff;

            text-decoration: none;

            margin-right: 2px;

        }

        .tabs a.current

        {

            background: #a1c6de;

            color: #000;

        }

        .tab

        {

            display: block;

            width: 400px;

            height: 300px;

            border: 1px solid #ccc;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <div class="tabs">

            <a href="#xiangmu">信息录入</a>

            <a href="#kehu">信息管理</a>

        </div>

        <div id="xiangmu" class="tab"  >

            信息录入

        </div>

        <div id="kehu" class="tab" >

            信息管理

        </div>

    </div>

    </form>

</body>

</html>

Tab 防刷新的更多相关文章

  1. spring boot 学习(九)小工具篇：？秒防刷新

    注解 + 拦截器:?秒防刷新 小工具篇:工具许多都是我以前在 github 之类开源平台找到的小工具类,作者的信息什么的许多都忘了.先说声不好意思了.若有相关信息,麻烦提醒一下~ 解释 所谓的?秒防刷 ...

  2. 微信小程序redirect 到tab不刷新

    // 更新2018/11/20:现在小程序的页面栈长度为10 更正 2018/11/20: 经过一段时间的实践,我发现以前方法存在很多问题,比如 getCurrentPages 方法并不在官方的 AP ...

  3. java_WEB开发 防刷新

    客户端处理: 面对客户端我们可以使用Javascript脚本来解决,如下 1.重复刷新.重复提交 Ways One:设置一个变量,只允许提交一次. <script language=" ...

  4. JS实现 页面提交防刷新等待提示

    //关闭等待窗口 function closediv() { //Close Div document.body.removeChild(document.getElementById("b ...

  5. js防刷新的倒计时

    近期在维护考试系统,在进行考试測试时无意中点击了刷新button.可是上面的倒计时并没有受到影响.同一时候在几篇博客中也有这种样例,所以我想看看它究竟是如何防止刷新的. 假设是用cs代码写.我们可能会 ...

  6. 防刷新jq左侧滚动条导航展示

    html代码: <div class="fangchan_navcont">        <div class="fangchan_nav" ...

  7. Pjax.js防刷新技术

    自我感觉良好,所以拿出现在自己用的 Pjax.js 分享给大家 当然 这个版本是 经过本人修改后的版本,跟其它 拿过来就用的 不一样 而且区别还不小 大多的 Pjax 都是 跟后台无关的,而这个版本是 ...

  8. jQuery导航菜单防刷新

    为了实现最主要的功能,只写了一个粗糙的案例 CSS样式 ul,li{ list-style-type:none;} .nav { width: 100%; height: 35px; line-hei ...

  9. 竖向折叠二级导航JS代码（可防刷新ul/li结构）

    <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    ...

随机推荐

  1. cocos2d-x CCScale9Sprite

    转自:http://www.cocos2dev.com/?p=295 前段时间看CCEditBox的时候,发现里面有个利用9宫格图缩放图片的,也就是缩放带圆角的图片. 这个比较有用处,很多游戏中有很多 ...

  2. Codeforces Gym H. Hell on the Markets 贪心

    Problem H. Hell on the MarketsTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vj ...

  3. CreateProcess的使用方法

    使用编译器vs2008. 第一.第二个參数的使用方法: 样例: 使用ie打开指定的网页. 注意第二个參数是 可运行文件+命令行參数 #include "stdafx.h" #inc ...

  4. [AngularJS] Html ngSanitize, $sce

    Safely render arbitrary HTML snippets by using ngSanitize and $sce. By default angularJS consider us ...

  5. GMM-HMM语音识别模型 原理篇

    本文简明讲述GMM-HMM在语音识别上的原理,建模和測试过程.这篇blog仅仅回答三个问题: 1. 什么是Hidden Markov Model? HMM要解决的三个问题: 1) Likelihood ...

  6. iOS 2D绘图详解（Quartz 2D）之路径(stroke,fill,clip,subpath,blend)

    Stroke-描边 影响描边的因素 线的宽度-CGContextSetLineWidth 交叉线的处理方式-CGContextSetLineJoin 线顶端的处理方式-CGContextSetLine ...

  7. HelloSpark.scala

    /** * Created by root on 9/6/15. */ import org.apache.spark.SparkContext import org.apache.spark.Spa ...

  8. Hidden Markov Model

    Markov Chain 马尔科夫链(Markov chain)是一个具有马氏性的随机过程,其时间和状态参数都是离散的.马尔科夫链可用于描述系统在状态空间中的各种状态之间的转移情况,其中下一个状态仅依 ...

  9. Honda HDS IMMO PCM Code calculator Free Download

    HDS IMMO PCM Code calculator software for Honda vehicle models is free download available in Eobd2.f ...

  10. Javascript oop深入学习笔记（三）--javascript中类的实现

    一.类的实现机制 在javascript中可以使用function关键字来定义一个类.在函数内通过this指针引用的变量或则方法都会成为类的成员. function classDemo(){ var ...