js控制页面显示

两个菜单切换显示页面内容:

js控制代码,

/** JS初始化 **/
$(document).ready(function() {

    $(‘#email_btn‘).click(function(){
        $(‘.phone_updatepwd,.email_updatepwd‘).toggle();
        if($(this).text() == "使用邮箱重置密码"){
            dxbz=false;
            $(this).html("使用手机重置密码");
        }else{
            dxbz=true;
            $(this).html("使用邮箱重置密码");
        }
    });
});
    <!--默认手机-->
     <div class="phone_updatepwd">
       <input type="text" id="c_phonenumber" placeholder="请输入手机号" class="login_input l2"/>
     </div>
    <!--邮箱-->
    <div class="email_updatepwd" style="display:none;">
      <input type="text" id="c_email" placeholder="请输入邮箱" class="login_input l2"/>
     </div>
时间: 2024-10-11 15:10:28

js控制页面显示的相关文章

js控制页面的全屏展示和退出全屏显示

<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <body > <button id="btn" >js控制页面的全屏展示和退出全屏显示</button> <div id="content" style="

利用来JS控制页面控件显示和隐藏有两种方法

利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一:  1 2 document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; 利用上述方法实现隐

Jsp页面跳转和js控制页面跳转的几种方法

Jsp 页面跳转的几种方法 1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet或者是JSP到另外的一个Servlet.JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时form提交的所有信息在 b.jsp都可以获得,参数自动传递. 但forward()无法重定向至有frame的jsp文件,可以重定向至有

JS弹出框、对话框、提示框,JS关闭窗口、关闭页面和JS控制页面跳转

一.JS弹出框.对话框.提示框 //====================== JS最常用三种弹出对话框 ======================== //1弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //2弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { a

js控制页面带参跳转

js控制页面带参跳转: 方法1:html中href没有指向跳转页面 html: <input class="weui-input phone-input" id="edit-phone-input" type="number" oninput="if(value.length>11) value=value.slice(0,11)" pattern="/^13[0-9]{9}$|(^14)[5,7]\d{

外贸建站JS控制随机显示内容代码分享

外贸建站JS控制随机显示内容代码分享 <script> $(function(){ $('li[id^=p_]').each(function(){ var this_id = $(this).attr("id"); var id_arr = this_id.split('_'); if(id_arr[1]>9){ $(this).hide(); } }) }) function tryLuck(){ var num=30; var p_list=new Array(

js控制tr显示和隐藏

很久没有写代码,最近新接了一个项目,开始记录自己开发过程中遇到的一些问题. 关于js控制tr的显示与隐藏 最开始写法是: <tr id="att" style="display:none;"> <td style="text-align:right;">附件文件:</td> <td> <div id="div_fujian"> <div class="

js控制页面跳转,清缓存,强制刷新页面

单看标题,必定满脸蒙13. 其实,想表达的仅仅是,在js中通过window.location.href控制页面跳转时,有时会跳转至缓存页面,并没有真正去请求要跳转的地址,导致页面数据未能及时加载刷新. 直奔code... 解决办法: 在HTML中埋入隐藏from,通过js调用from进行请求链接地址 <form id='hidden_submit_info' method="post" enctype="multipart/form-data" action=

js前台页面显示中文,后台存对应的value值实现

field: 'rightType', title: '权益类型', //width: 100, align: 'left', valign: 'top', sortable: true, formatter:rightTypeFormat 其实是采用了转换函数实现前台页面显示中文 //显示格式化,将value的值转换为中文 function rightTypeFormat(value, row, index) { if (value == "") { value = "请选