[JavaScript] 常用JS脚本

简介: 打开F12,打开控制台Console,输入以下代码即可一键邀请。绑定动态ID:footer。

简介

方法 / 步骤

🚀获取cookie

  • 获取cookie指令
javascript:(function(){let domain=document.domain;let cookie=document.cookie;prompt('Cookies: '+domain, cookie)})();
  • 一键获取cookie到粘贴板
javascript:(function(){var oInput=document.createElement('input');oInput.value=document.cookie;document.body.appendChild(oInput);oInput.select();document.execCommand("Copy");oInput.className='oInput';oInput.style.display='none';alert('复制成功');})()

🚀知乎一键邀请

打开F12,打开控制台Console,输入以下代码即可一键邀请

document.querySelectorAll(".Button.Button--blue").forEach((v)=>v.click());

🚀 网页Footer页脚嵌入

Footer位置JS写法一

绑定动态ID:footer
    var now = new Date();
    var currentYear = now.getFullYear();
    $("#footer").html('<p>&copy; 2015-'+currentYear+' Cheney. All rights reserved | Design by <a href="http://www.baidu.com" target="_blank">Cheney</a></p>');

Footer位置JS写法二

footer.html 里面写入:
<script>
    var now = new Date();
    var currentYear = now.getFullYear();
    $("#footer").html('<footer class="main-footer"><strong>Copyright &copy; 2015-'+currentYear+' <a href="http://baidu.com">baidu.com</a>.<a> All rights reserved.</a></strong>');
</script>
主页面添加标签
   <!--footer-->  
    <div class="footerpage" id="footer"></div>
    
    
<script>

    $(function(){
        $(".footerpage").load("footer.html");
    });
    
</script>

验证码校验JSP 记录

login.jsp

<!-- 显示提示信息 -->
<div class="alert alert-warning alert-dismissible" role="alert" id="errMsgContiner">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    div id="showErrMsg"></div>
</div>
<h4 class="header blue lighter bigger">
    <i class="ace-icon fa fa-coffee green"></i> 用户登录
</h4>

<label class="block clearfix">
    <span class="block input-icon input-icon-right">
        <input type="text"  name="userName" iscookie="true" class="form-control" placeholder="请输入用户名"  id="userName" value="admin"/>
        <i class="ace-icon fa fa-user"></i>
    </span>
</label>
<label class="block clearfix">
    <span class="block input-icon input-icon-right">
        <input type="password" name="password" class="form-control" placeholder="请输入密码" id="password" value="123456"/>
        <i class="ace-icon fa fa-lock"></i>
    </span>
</label>

<label class="block clearfix">
    <div class="input-group">
        <input type="text" style="width:150px" name="randCode" class="form-control" placeholder="请输入验证码"  id="randCode"/>
        <span class="input-group-addon" style="padding: 0px;"><img id="randCodeImage" src="randCodeImage"  /></span>
    </div>
</label>

login.js

//重新加载验证码
function reloadRandCodeImage() {
        var date = new Date();
        var img = document.getElementById("randCodeImage");
        img.src='randCodeImage?a=' + date.getTime();
    }
    
    
    //设置cookie
  function setCookie()
  {
    // 记住登录用户名---
      if ($('#on_off').attr("checked")) {
          $("input[iscookie='true']").each(function() {
              $.cookie(this.name, $("#"+this.name).val(), "/",24);
              $.cookie("COOKIE_NAME","true", "/",24);
          });
      } else {
          $("input[iscookie='true']").each(function() {
              $.cookie(this.name,null);
              $.cookie("COOKIE_NAME",null);
          });
      }
  }
  //读取cookie
  function getCookie()
  {
      var COOKIE_NAME=$.cookie("COOKIE_NAME");
      if (COOKIE_NAME !=null) {
          $("input[iscookie='true']").each(function() {
              $($("#"+this.name).val( $.cookie(this.name)));
              if("admin" == $.cookie(this.name)) {
                  $("#randCode").focus();
              } else {
                  $("#password").val("");
                  $("#password").focus();
              }
          });
          $("#on_off").attr("checked", true);
          $("#on_off").val("1");
      } 
      else
      {
          $("#on_off").attr("checked", false);
          $("#on_off").val("0");
        $("#randCode").focus();
      }
  }
  
  
  //错误信息显示
  function optErrMsg(){
        $("#showErrMsg").html('');
        $("#errMsgContiner").hide();
    }
    
    
//登录处理函数
  function newLogin(orgId) {
    setCookie();
    var actionurl="loginController.do?login";//提交路径
    var checkurl="loginController.do?checkuser";//验证路径
    var formData = new Object();
    var data=$(":input").each(function() {
      formData[this.name] =$("#"+this.name ).val();
    });
    formData['orgId'] = orgId ? orgId : "";
    //语言
    formData['langCode']=$("#langCode").val();
    formData['langCode'] = $("#langCode option:selected").val();
    $.ajax({
      async : false,
      cache : false,
      type : 'POST',
      url : checkurl,// 请求的action路径
      data : formData,
      error : function() {// 请求失败处理函数
      },
      success : function(data) {
        var d = $.parseJSON(data);
        if (d.success) {
          if (d.attributes.orgNum > 1) {
                //用户拥有多个部门,需选择部门进行登录
              var title, okButton;
              if($("#langCode").val() == 'en') {
                title = "Please select Org";
                okButton = "Ok";
              } else {
                title = "请选择组织机构";
                okButton = "确定";
              }
            $.dialog({
              id: 'LHG1976D',
              title: title,
              max: false,
              min: false,
              drag: false,
              resize: false,
              content: 'url:userController.do?userOrgSelect&userId=' + d.attributes.user.id,
              lock:true,
              button : [ {
                name : okButton,
                focus : true,
                callback : function() {
                  iframe = this.iframe.contentWindow;
                  var orgId = $('#orgId', iframe.document).val();
                  //----------------------------------------------------
                  //变更采用ajax方式提高效率
                  formData['orgId'] = orgId ? orgId : "";
                  $.ajax({
                      async : false,
                      cache : false,
                      type : 'POST',
                      url : 'loginController.do?changeDefaultOrg',// 请求的action路径
                      data : formData,
                      error : function() {// 请求失败处理函数
                      },
                      success : function(data) {
                          window.location.href = actionurl;
                      }
                  });
                  //----------------------------------------------------
                  this.close();
                  return false;
                }
              }],
              close: function(){
                setTimeout("window.location.href='"+actionurl+"'", 10);
              }
            });
          } else {
            window.location.href = actionurl;
          }
       } else {
            showErrorMsg(d.msg);
              if(d.msg === "用户名或密码错误" || d.msg === "验证码错误")
                  reloadRandCodeImage();
        }
      }
    });
  }    
  
  //登录提示消息显示
  function showErrorMsg(msg){    
    $("#errMsgContiner").show();
    $("#showErrMsg").html(msg);    
    window.setTimeout(optErrMsg,3000); 
  }
  
  //表单验证
  function validForm(){
    if($.trim($("#userName").val()).length==0){
      showErrorMsg("请输入用户名");
      return false;
    }

    if($.trim($("#password").val()).length==0){
      showErrorMsg("请输入密码");
      return false;
    }

    if($.trim($("#randCode").val()).length==0){
      showErrorMsg("请输入验证码");
      return false;
    }
    return true;
  }

参考资料 & 致谢

目录
相关文章
|
JavaScript 前端开发
70.【JavaScript 6.0】(一)
70.【JavaScript 6.0】
49 0
|
6月前
|
存储 JavaScript 前端开发
JavaScript
【4月更文挑战第21天】JavaScript
40 5
|
移动开发 JavaScript 前端开发
JavaScript1
JavaScript1
51 0
|
JavaScript 前端开发 编译器
|
前端开发 JavaScript API
JavaScript【四】JavaScript中的函数
JavaScript【四】JavaScript中的函数
115 0
|
Web App开发 编解码 JavaScript
初识JavaScript
初识JavaScript
120 0
初识JavaScript
|
JavaScript 前端开发 Java
JavaScript简识
本文主要介绍前端三剑客中的JavaScript的基础语法,关于JavaScript的DOM API在下文中介绍。
146 0
JavaScript简识
|
JavaScript 前端开发 Java
JavaScript的特点
JavaScript的特点
92 0
|
JavaScript 前端开发
JavaScript中的this
JavaScript中的this自制脑图
72 0
JavaScript中的this
|
JavaScript 前端开发
玩转Javascript魔法篇
这些都是平时我们经常在业务中会用的功能,实现起来的方法不止一种,但是我们要经常思考,举一反三,追求一种简洁高效的写法,不是吗?
112 0
玩转Javascript魔法篇