1、背景圖片中部放大、縮小
<html> <head> <title>測試背景圖片屬性</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script> <style> .back{width:200px;height:200px;line-height:200px;background-image:url("http://a.hiphotos.baidu.com/image/pic/item/f9dcd100baa1cd11daf25f19bc12c8fcc3ce2d46.jpg");background-repeat:no-repeat;background-size:90%;background-position:center;} </style> </head> <body> <div class="back"></div> <script> $(".back").mouseover(function(){ $(".back").animate({backgroundSize:'95%'},1000,function(){}); }); $(".back").mouseout(function(){ $(".back").animate({backgroundSize:'90%'},500,function(){}); }); </script> </body> </html>
2、字母、數字、下劃線兩種及以上組合正則表達式:
//驗證密碼的規則,字母數字下劃線符號,6-20位 function checkPwd(pwd) { var regex = new RegExp('^(?![0-9]+$)(?![a-zA-Z]+$)(?![\_]+$)[0-9A-Za-z\_]{6,20}$'); return regex.test(pwd); }
3、Cookie跨頁面訪問取不到值
指定可訪問cookie的路徑
默認情況下,如果在某個頁面創建了一個cookie,那麼該頁面所在目錄中的其他頁面也可以訪問該cookie。如果這個目錄下還有子目錄,則在子目錄中也可以訪問。例如在www.xxxx.com/html/a.html中所創建的cookie,可以被www.xxxx.com/html/b.html或
www.xxx.com/ html/ some/c.html所訪問,但不能被www.xxxx.com/d.html訪問。爲了控制cookie可以訪問的目錄,需要使用path參數設置cookie,語法如下:document.cookie="name=value; path=cookieDir";其中cookieDir表示可訪問cookie的目錄。例如:document.cookie="userId=320; path=/shop";就表示當前cookie僅能在shop目錄下使用。如果要使cookie在整個網站下可用,可以將cookie_dir指定爲根目錄,例如:document.cookie="userId=320; path=/";
指定可訪問cookie的主機名
和路徑類似,主機名是指同一個域下的不同主機,例如:www.google.com和gmail.google.com就是兩個不同的主機名。默認情況下,一個主機中創建的cookie在另一個主機下是不能被訪問的,但可以通過domain參數來實現對其的控制,其語法格式爲:document.cookie="name=value; domain=cookieDomain";以google爲例,要實現跨主機訪問,可以寫爲:document.cookie="name=value;domain=.google.com";這樣,所有google.com下的主機都可以訪問該cookie。
4、img設置默認圖片地址
<img src="圖片的url地址" alt="圖片XX"/>
當在頁面顯示的時候,萬一圖片被移動了位置或者丟失的話,將會在頁面顯示一個帶X的圖片,很是影響用戶的體驗。即使使用alt屬性給出了"圖片XX"的提示信息,也起不了多大作用。
<img src="圖片的url地址" alt="圖片XX" onerror="this.style.display='none'"/>
b、用默認的圖片替換:
<img src="圖片的url地址" alt="圖片XX" onerror="this.src='默認圖片的url地址'"/>
注意:如果使用不當,在IE內核的瀏覽器下會造成死循環。比如:當【默認圖片的url地址】也加載不成功(比如網速比較慢的時候)或不存在的話,就會反覆的加載,最後造成堆棧溢出錯誤。
<img src="圖片的url地址" alt="圖片XX" onerror="this.src='默認圖片的url地址;this.onerror=null'"/>
-
經測試,上面的方法在IE各個版本及谷歌、火狐瀏覽器中都支持。
document.documentElement.scrollTop = document.body.scrollTop =0;