jQuery一些操作

Jsky
2019-03-07 17:18:45
前端
js jquery

js jquery 页面加载初始化方法

一.js 页面加载初始化方法

// 1.在body里面写初始化方法.
<body onload='init()'>
</body>

<script type="text/javascript">
    function init(){
        // 初始化内容       
    }
</script>

<script type="text/javascript">
    window.onload=function(){
        // 初始化内容 
    }
</script>

// 3.写初始化方法,页面顺序执行到初始化方法时初始化
<script type="text/javascript">
    function init() {
        // 初始化内容
    };
    init();
</script>

二.jquery 页面加载初始化方法

// 1.$(function(){})
<script type="text/javascript">
    $(function() {// 初始化内容
    });
</script>

// 2.$(document).ready(function(){})
<script type="text/javascript">
    $(document).ready(function(){
        // 初始化内容
    });
</script>


// ready()函数有以下三种等价的形式
function handler(){
//这里是需要执行的代码
}

// 形式一
$(document).ready( handler );
// 形式二
$( ).ready( handler ); // 不推荐该形式
// 形式三
$( handler );

// 3.jQuery(function($){})
<script type="text/javascript">
    jQuery(function($){
        // 初始化内容
    });
</script>

验证码 60秒效果

: ::获取验证码验证码功能
function invokeSettime(obj){
var countdown=60;
settime(obj);
function settime(obj) {
if (countdown == 0) {
$(obj).attr("disabled",false);
$(obj).text("获取验证码");
countdown = 60;
return;
} else {
$(obj).attr("disabled",true);
$(obj).text("(" + countdown + ") s 重新发送");
countdown--;
}
setTimeout(function() { settime(obj) } ,1000)
}
};

$('#validate').click(function(){
new invokeSettime("#validate");
});

js获取url中的参数,并保证获取到的参数不乱码

//网上比较经典的js获取url中的参数的方法
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if ( r != null ){
return unescape(r[2]);
}else{
return null;
}
}
//但是在使用的过程中，发现其在获取中文参数的时候，获取到的值是乱码的
//解决办法:将解码方式unscape换为decodeURI
//原因:浏览器会将url中的中文参数进行encodeURI编码，所以要通过js使用decodeURI进行解码

判断pc 手机端

function IsPC() {
var userAgentInfo = navigator.userAgent;
var Agents = ["Android", "iPhone",
"SymbianOS", "Windows Phone",
"iPad", "iPod"];
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
}

var flag = IsPC(); //true为PC端，false为手机端

页面跳转

..href=

实现复制功能 dome

WIFI密码WIFI密码分享热点：WIFI123密码：复制密码 (document).((){
        ().zclip({
            :  : (){ ().() } : (){ ()
            }
        }) })

js.zip

ajax异步同步

$(function () {
$("#login-button").click(function () {
var spone = document.getElementById("spone");

var user = {
name: $("#Name").val(),
pwd: $("#Pwd").val()
};
var Url = "../../../BLL/Login.ashx";

if (user.name == "") {
spone.innerHTML = "用户名不可以不写的！";
} else if (user.pwd == "") {
spone.innerHTML = "密码不可以不写的！";
} else {
$.ajax({
url: Url,
data: user,
type: "post",
//因为ajax是异步 和程序其后面的操作是异步执行的，所以很有可能 一般处理程序 还没执行完成，ajax后面程序就已经执行了
//就导致 数据在这里为null  ，根本没有返回 data参数， 所以就直接跳过 if，而执行 else 。
async: true,
success: function (data) {
if (data == 1) {
window.location.href = "https://www.baidu.com";
}
}
});
return false;//在这里返回 false 则让异步变成同步了
}
});
});

本文为Jsky原创文章,转载无需和我联系,但请注明来自Jsky博客 www.tjin.link