web前端使用技巧
2、需要做頁面刷新的時(shí)候推薦使用location.replace和location.href兩個(gè)方法,而不推薦使用location.reload和history.go(0),因?yàn)檫@兩個(gè)刷新相當(dāng)于按F5刷新,有表單提交的頁面很容易會給出是否重復(fù)提交表單的提示。
3、使用Array.join在Internet Explorer中進(jìn)行字符串連接操作是最快的;而+= 或者 String.prototype.concat.apply(object, arguments) 在其他瀏覽器中表現(xiàn)得更好。
4、判斷中英文字符長度 if (string.match(/[^\x00-\xff]/ig) != null) //全角
5、計(jì)算某年某月共有多少天函數(shù):
function days_in_month(y, m) {
}
6、jquery使所有ajax請求不緩存方法:$.ajaxSetup({cache: false});
7、取數(shù)組最大和最小值
Math.max.apply(Math, [1,2,3]) //3
8、 行內(nèi)元素設(shè)置padding,只有padding-left和padding-right生效,padding-top和padding-bottom無效。
比如行內(nèi)元素<a>應(yīng)用了padding:50px,只影響了左右,但沒有影響上下。
9、js操作iframe
獲得iframe的window對象 :
ie6:iframeElement.contentWindow
獲得iframe的document對象 :
ie:element.contentWindow.document
10、ie6 出現(xiàn)橫向滾動條解決方法
html{_overflow-x:hidden;}
11、定位左右不動的滾動條
<style type="text/css">
#bannerLeft { width: 100px; height: 600px; float: left; position: relative; left: -100px; background: #ccc;}
#bannerRight {width: 100px; height: 600px; float: right; position: relative; right: -100px; background: #ccc;}
</style>
<div class="wrap" style="position:fixed;_position:absolute; top:0; left:50%; margin-left:-495px; ">
<div id="bannerLeft">banner left</div>
<div id="bannerRight">banner right</div>
</div>
12、在用到mouseover和mouseout事件來作為事件觸發(fā)的條件,但是如果我們用做觸發(fā)的元素內(nèi)部有其他的元素的時(shí)候當(dāng)鼠標(biāo)移上的時(shí)候會反復(fù) 的觸發(fā)mouseover和mouseout事件。因?yàn)閮?nèi)部元素在鼠標(biāo)移上的時(shí)候會向它的父對象派發(fā)事件,所以外面元素相當(dāng)于也觸發(fā)了mouseover 事件。
為了阻止mouseover和mouseout的反復(fù)觸發(fā),這里要用到event對象的一個(gè)屬性relatedTarget,這個(gè)屬性就是用來判斷 mouseover和mouseout事件目標(biāo)節(jié)點(diǎn)的相關(guān)節(jié)點(diǎn)的屬性。簡單的來說就是當(dāng)觸發(fā)mouseover事件時(shí),relatedTarget屬性代 表的就是鼠標(biāo)剛剛離開的那個(gè)節(jié)點(diǎn),當(dāng)觸發(fā)mouseout事件時(shí)它代表的是鼠標(biāo)移向的那個(gè)對象。由于MSIE不支持這個(gè)屬性,不過它有代替的屬性,分別是 fromElement和toElement。
return e.relatedTarget || (e.fromElement && e.fromElement === e.srcElement ? e.toElement: e.fromElement);
13、JavaScript音頻/視頻播放器
html5media(官網(wǎng):http://html5media.info/)是一個(gè)JavaScript音頻/視頻播放器能夠讓每一個(gè)瀏覽器都能夠播放在HTML5多媒體標(biāo)簽中定義的多媒體文件。 對于不兼容的瀏覽器,該播放將采用支持Flash的FlowPlayer播放器來代替。
14、解決iframe里半透明的圖片,在IE下不顯示半透明問題。
在IE下,iframe里有半透明圖片,卻不能顯示半透明效果。
這個(gè)時(shí)候可以在html中給iframe添加一個(gè)屬性:allowtransparency="true"。
如:<iframe scrolling="no" allowtransparency="true" src="test.htm"></iframe>

浙公網(wǎng)安備 33010602011771號