js基础

1..html(),.text()和.val()的使用

.html():读取和修改一个元素的HTML内容，详情.html()；
.text()：读取和修改一个元素的文本内容，详情.text()；
.val()：读取和修改一个表单元素的value字段值，详情.val()。

 

2.js取得当前url

设置或获取对象指定的文件名或路径。
alert(window.location.pathname)
设置或获取整个 URL 为字符串。
alert(window.location.href);
设置或获取与 URL 关联的端口号码。
alert(window.location.port)
设置或获取 URL 的协议部分。
alert(window.location.protocol)
设置或获取 href 属性中在井号“#”后面的分段。
alert(window.location.hash)
设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(window.location.host)
设置或获取 href 属性中跟在问号后面的部分。
alert(window.location.search)

获取变量的值(截取等号后面的部分)

var url = window.location.search;
// alert(url.length);
// alert(url.lastIndexOf('='));
var loc = url.substring(url.lastIndexOf('=')+1, url.length);

 

3.cookie操作

<script language="JavaScript" type="text/javascript"> 
function addCookie(objName,objValue,objHours){//添加cookie 
    var str = objName + "=" + escape(objValue); 
    if(objHours > 0){//为0时不设定过期时间，浏览器关闭时cookie自动消失 
        var date = new Date(); 
        var ms = objHours*3600*1000; 
        date.setTime(date.getTime() + ms); 
        str += "; expires=" + date.toGMTString(); 
    } 
    document.cookie = str; 
    alert("添加cookie成功"); 
} 

function getCookie(objName){//获取指定名称的cookie的值 
    var arrStr = document.cookie.split("; "); 
    for(var i = 0;i < arrStr.length;i ++){ 
        var temp = arrStr[i].split("="); 
        if(temp[0] == objName) return unescape(temp[1]); 
    } 
}

function delCookie(name){//为了删除指定名称的cookie，可以将其过期时间设定为一个过去的时间 
    var date = new Date(); 
    date.setTime(date.getTime() - 10000); 
    document.cookie = name + "=a; expires=" + date.toGMTString(); 
} 

//读取出来所有的cookie字筗串了 
function allCookie(){//读取所有保存的cookie字符串 
    var str = document.cookie; 
    if(str == ""){ 
        str = "没有保存任何cookie"; 
    } 
    alert(str); 
} 
</script>

 

 4.onclick="f1()"和onclick="return f1()",onclick="f1();return false"的区别

 浏览器会对页面元素的某些操作产生默认行为，比如说你有个链接：
<a href="http://zhidao.baidu.com">百度知道</a>
当你点击它的时候，浏览器就会跳转到百度知道的页面，实际上这是浏览器对a元素的点击操作（即onclick）产生的默认事件处理。
假如我们希望当点击这个链接时弹出一个对话框，可以这样做：
function f1(){
alert("你点了我");
}
<a href="http://zhidao.baidu.com" onclick="f1()">百度知道</a>
我们发现会弹出一个对话框，但是页面还是跳到了百度知道，如果我们不希望浏览器自动跳到百度知道该怎么做呢？
首先在f1函数中加入一句话：
function f1(){
alert("你点了我");
return false;
}
接着在onclick中这样写：
<a href="http://zhidao.baidu.com" onclick="return f1()">百度知道</a>
因为f1()的返回值是false，所以onclick所对应的函数的返回值也是false。现在我们发现点击这个链接只会弹出对话框，而不会跳到百度知道，这里就是把浏览器的默认行为取消了。
如果f1()函数没有return false，也可以直接把return false加在onclick中，比如：onclick="f1();return false"。 

 

5.获取checkebox的值

var Check = '';
    var checkedObj = $("[name='optionid'][checked]");//获取当前checked的value值 如果选中多个则循环
         checkedObj.each(function(){var isCheck = this.value;Check += isCheck+",";
    });

 

6.匿名函数

匿名函数没有实际名字，也没有指针，怎么执行滴？
其实大家可以看看小括号的意义就应该可以理解。小括号有返回值，也就是小括号内的函数或者表达式的返回值，所以说小括号内的function返回值等于小括号的返回值，不难理解 (function(){})()可以将没有名字的函数执行了。
常用：

(function() { 
    alert('water'); 
})(); 

传参数：

(function(o) { 
    alert(o); 
})('water'); 

例子：

<script type="text/javascript">
var arr = {
    aaa:function(e){
        alert(e);
        },
    bbb:function(e){
        document.write(e);
        }
        
};
(arr.aaa)("aaa");
</script>