标签：根据 之一 on() str back sub success mil typeof
//自定义一个新属性 //‘<li data-id="‘ + val.id + ‘>‘+ datas[i].name +‘</li>‘ var channel_id = $(this).data(‘id‘);//获取属性的值
//截取当前页面链接中的值 var params = document.referrer; //params:?id,date var id = params.substring(40);
js中基本函数的分类
//普通函数
function func(arg){
return true;
}
// 匿名函数
var func=function(arg){
return true;
}
//自执行函数，定义一个函数自己执行自己
f1(arg){
alert(arg);
}
f1(‘123‘)
//上面的自执行函数还可以写成;
(function(arg){alert(arg);})(‘123‘)
非空判断
//原生
html: <div class="submit" onclick="submitInfo">提交</div> <script> function submitInfo(){ var info=document.getElementsByClassName(‘submit‘).value; if(info){ //(！！！) return false; }else{ return true; } } </script>
//jquery
<script>
$(.submit).click(function(){
var info = $(.submit).val();
if(info == ""){ //(！！！)
return false;
}else{
return true;
}
}
</script>
根据css样式判断要执行的方法
$(".find_nav_list").find(‘li‘).click(function(){
var $this = $(this); // 缓存当前点击的li对象
var thisCss = $this.hasClass("find_nav_cur"); // 获取当前对象是否包含执行的class样式（！！！）
if(thisCss){// 如果当前对象存在class样式（可以理解为当前为选中状态）
$this.removeClass("find_nav_cur");
}else{
$this.siblings().removeClass(‘find_nav_cur‘);
$this.addClass("find_nav_cur");
}
//判断是否有样式
$("#id").hasClass("className") ? console.log("Has this class.") : console.log("Do not has this class.");
//切换class类
jquery.toggleClass()//检查每个元素指定的类，如果没有则添加，有的话删除
如何判断标签里是否有css属性值
把css写成行内样式<a style="float:left;">的</a>，这样可以获取style的值再判断是否有margin;
$(".acont a").each(function(){
var ofright = $(this).attr("style").indexOf("margin"); //（！！！）
if(ofright != (-1)){alert("已定义");}
else{$(this).css({"float":"left","font-size":"12px","margin":"10px"});}
});
window.location 详解
//属性： hash //从井号 (#) 开始的 URL（锚） host //主机名和当前 URL 的端口号 hostname //当前 URL 的主机名 href //完整的 URL pathname //当前 URL 的路径部分 port //当前 URL 的端口号 protocol //当前 URL 的协议 search //从问号 (?) 开始的 URL（查询部分）
//跳转到指定页面
window.location.href=‘denglu.html‘;
window.location.reload(‘11.html‘)
//返回上一页
<a href="Javascript:history.go()"></a>
<a href="Javascript:history.back()"></a>
//这两者的区别：
history.go(-1):返回上一页，原页面表单里的内容会丢失。back()反之亦然，原页面表单内容会保留。
//js刷新页面
location.reload();
//重载页面，本地刷新
<a href="javascript:location.reload()">重载页面，本地刷新</a>
总结http://www.jb51.net/article/32749.htm
http://www.qdfuns.com/notes/18224/ce8d9da1f4565cbbaaf694a97b70d2d5.html
js的函数绑定事件
//bind绑定事件
$(".webuploader_pick").bind("click", function(e){ $("#fileImage").click(); });//绑定的点击事件
enter键添加登录功能
<body onkeydown="keyLogin();"> //(！！！) function keyLogin(){ if(event.keyCode == 13) { //(！！！）13默认enter键 $(‘.submit‘).click(); } } </body>
js功能没有响应的几种原因
1、js相关文件没有引入。 2、js文件上下放置顺序有问题。
调试js具体步骤
1、查看程序中变量的值。
2、定位错误。
字符串拼接问题
1、转义字符\"后面的冒号最好和外围的大括号的单双冒号不一致。
清空表单内容
$(".bs_it").attr(‘value‘, ‘‘);
根据元素里是否有内容做判断
if($(".my_collect").html() != ""){ //（！！！） $(‘.collect_msg‘).hide(); }
js属性操作
html 代码如下 <a class="main" href="#"></a> var a = document.getElementByClassName(‘main‘); a.href="a.html" //（！！！）属性操作
return详述：
if或for之后 return跳出方法
模拟if判断事件
.html(<div class="fl li02">‘ + (type == 1 ? "公开" : "指定") + ‘</div>);
遇到那种遍历或者写同一个事件的功能，如果事件重合或者后面的事件复写上去，解决办法之一：给他们区分不同的类名或者id标示。
页面刷新进去的方法
<body class="body" onload="openwin()">
function openwin()
{
alert(‘网络错误，请重试！‘)
}
同意条款通过后才能执行下面的方法的具体实施办法
if($(".input_check").is(":checked")){ //(！！！)已选择
$.fn.request(url,data,function(data){
if(data.success === true){
alert(‘注册成功‘);
location.href = ‘denglu.html‘;
}else{
alert(data.msg);
}
});
}else{
alert("您还没有同意条款");
}
js参数传值问题
function ordersub(oId){
var ordId = oId; //(！！！)声明之后再用
}
ordersub(info.id);
图片点击放大缩小
<style>
.max{width:100%;height:auto;}
.min{width:100px;height:auto;}
</style>
<script>
$(function(){
$(‘#img‘).click(function(){
$(this).toggleClass(‘min‘);
$(this).toggleClass(‘max‘);
});
});
</script>
<html>
<img id=‘img‘ class=‘min‘ src=‘dream.png‘>
</html>
js替换内容
var statusinfo="";
if(datas[i].satus == 1){
statusinfo=‘已取消‘
}else if(datas[i].status == 2){
statusinfo=‘已接受‘
}else{
statusinfo=‘待接受‘
}
order_list += "<p class=‘order_list_info‘>状态：" + statusinfo + "</p>"
jQuery课题
//代替原生的获取dom var sidebar = $(‘.#sidebar‘) mask = $(‘.mask‘)
//操作css属性！！！这个之前学习中每次用次次忘，，啊
//操作单个css属性
css("propertyname","value");//注意要加冒号的啊！！！
jq.css("color","#000")
//操作多个css属性，就是json格式
css({"propertyname":"value","propertyname":"value",...});//注意还是要加冒号的啊！！！
jq.css({"color":"#000","font-size":"10px"})//json格式每个小内容都用逗号隔开，然后键值中间用引号，外面给他穿件{}花括号。
//操作属性attr(),用法同css()
//animate()方法
$(‘html,body‘).animate({scrollTop:0},600)//理解：键值对，键就是要执行的动作，值就是时间或者距离咯，跟随键的不同而不同，当然后面那个600也不是必填的。
使用typeof返回变量类型
document.write(typeof temp) var temp = 100; //输出number
截取字符串
//例子 var params = document.referrer; //params:?id,date var id = params.substring(42);
$.getUrlParam = function(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } var id = $.getUrlParam(‘id‘);//截取链接中的id的值
回顾js基础知识
document.style.color="#cccccc"; document.innerHTML="hello world"; function myFunction(a,b) { return a*b; } document.getElementById("demo").innerHTML=myFunction(4,3);//12
标签：根据 之一 on() str back sub success mil typeof
原文地址：http://www.cnblogs.com/Grace-zyy/p/6972813.html
