jquery/js知识点收藏

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

1】关于页面跳转

"window.location.href"、"location.href"是本页面跳转"parent.location.href"是上一层页面跳转"top.location.href"是最外层的页面跳转

,在mvc项目中实践得到 parent.location.href='/'可以从任何以页面跳转到登录页面，但是会出现本页面镶嵌登录页面的情况,而top.location.href='/'则可以避免这种情况的发生

2】某个字符串是否包含某个字符串

方法一: indexOf() (推荐)var str = "123";
console.log(str.indexOf("3") != -1 ); // true
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。方法二: search() var str = "123";
console.log(str.search("3") != -1 ); // true
search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串，则返回 -1。方法三:match()var str = "123";
var reg = RegExp(/3/);
if(str.match(reg)){
// 包含
}
match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

3】js替换字符串

var str = 'abcadeacf';
var str1 = str.replace('a', 'o');
alert(str1); // 打印结果： obcadeacfvar str2 = str.replace(/a/g, 'o');
alert(str2);

3】js/jquery操作css

$("#show").css("display", "inline ");
document.getElementById("show").style.display = "block";

4】js获取随机数

// 结果为0-1间的一个随机数(包括0,不包括1)
var randomNum1 = Math.random();
//console.log(randomNum1);// 函数结果为入参的整数部分。
var randomNum2 = Math.floor(randomNum1);
//console.log(randomNum2);// 函数结果为入参四舍五入后的整数。
var randomNum3 = Math.round(randomNum1);
//console.log(randomNum3);// Math.ceil(n); 返回大于等于n的最小整数。
var randomNum4 = Math.ceil(Math.random() * 10); // 主要获取1到10的随机整数，取0的几率极小。
//console.log(randomNum4);// Math.round(n); 返回n四舍五入后整数的值。
var randomNum5 = Math.round(Math.random()); // 可均衡获取0到1的随机整数。
//console.log(randomNum5);
var randomNum6 = Math.round(Math.random() * 10); // 可基本均衡获取0到10的随机整数，其中获取最小值0和最大值10的几率少一半。
//console.log(randomNum6);// Math.floor(n); 返回小于等于n的最大整数。
var randomNum7 = Math.floor(Math.random() * 10); // 可均衡获取0到9的随机整数。
//console.log(randomNum7);// 获取最小值到最大值之前的整数随机数
function GetRandomNum(Min, Max) {
var Range = Max - Min;
var Rand = Math.random();
return(Min + Math.round(Rand * Range));
}
var num = GetRandomNum(1, 10);
//console.log(num);//获取n位随机数,随机来源chars
var chars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
function generateMixed(n) {
var res = "";
for(var i = 0; i < n; i++) {
var id = Math.ceil(Math.random() * 35);
res += chars[id];
}
return res;
}
var num1 = generateMixed(6);
//console.log(num1);

5】ajax和post

$.ajax({
type: 'POST',
url: "@Url.Action("视图", "控制器")",
data: { Id: id},
async: false,
dataType: 'json',
success: function (result) {
$.messager.alert("提示", result, "info");
}, error: function (result){
location.href = "@Url.Action("视图", "控制器")?DepId=" + depid;
}
});$.post("@Url.Action("视图", "控制器")",{id:id},function(data){})

6】json和字符的相互转换

var string = JSON.stringify(jsonx);//json转换字符串
var jsonx = JSON.parse(string);//字符串转化json

7】js获取下拉框的text index value

//$('#testSelect option:selected').text();//选中的文本 //$('#testSelect option:selected').val();//选中的值 //$("#testSelect ").get(0).selectedIndex;//索引

8】Ajax格式

$.ajax({
    url:"http://www.test.com",    //请求的url地址
    dataType:"json",   //返回格式为json
    async:true,//请求是否异步，默认为异步，这也是ajax重要特性
    data:{"id":"1","name":"名字"},    //参数值
    type:"GET",   //请求方式
    beforeSend:function(){
        //请求前的处理
    },
    success:function(req){
        //请求成功时处理
    },
    complete:function(){
        //请求完成的处理
    },
    error:function(){
        //请求出错处理
    }
});

9】This以及删除节点的使用格式

html
<a onclick='DelThis(this)' name='nameDel'>删除</a>js代码
function DelThis(obj) {
var v1 = $(obj).attr("name");
var o = document.getElementById("divContent");//获取父节点
var a = document.getElementById(v1);//获取需要删除的子节点
o.removeChild(a)//从父节点o上面移除子节点a}
}

10】js获取radio选中的值

html
<input type="radio" name="sex" value="1" checked="checked" >男
<input type="radio" name="sex" value="2" >女
<input type="radio" name="sex" value="3" >保密js
var radio=document.getElementsByName("sex"); var selectvalue=""; // selectvalue为radio中选中的值 for(var i=0;i<radio.length;i++){ if(radio[i].checked==true) { selectvalue=radio[i].value; break; } }