1. 程式人生 > >前端開發小知識點

前端開發小知識點

1. <button></button>標籤內可以放置內容,比如文字和圖片,而<input type="button" value="確定">是單標籤,則不可以,只能通過value屬性設定按鈕文字。二者均可設定文字大小和顏色。

2. Ajax請求資料渲染頁面,這時要注意,給將要渲染到頁面的標籤設定事件屬性時,事件方可生效,如<button type="button" onclick="save()"></button>; 通過js獲取標籤元素,再繫結事件時無效,因為Ajax非同步請求,js還無法獲取到該標籤元素。這點要牢記!

3. location.reload() 過載當前頁面。

4. 等寬的表格單元格樣式屬性:table-layout:fixed 。

5. IE8不支援background-size屬性(css3), IE9支援。相容方法:濾鏡。

    background-image: url('file:///F:/test/images/flashbg.jpg'); 

    background-size: cover; 

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='file:///F:/test/images/flashbg.jpg',sizingMethod='scale');   其中,圖片的路徑url和src必須一樣,同時路徑都必須是絕對路徑,全路徑,才可以,否則會出錯。

6. href="#"和href="javascript:void(0)"的區別

#表示了一個位置資訊,預設的錨#top也就是網頁的上端。javascript:void(0),僅僅表示一個死連結。在頁面很長的時候會使用#來定位到頁面的具體位置,格式:# + id 。如果你要定義一個死連結,請使用javascript:void(0) 。

持續更新中~~~