原创 谷歌調試工具

1、element 上面是html代碼,下面是css樣式 2、Network 用於查看某個頁面打開時,每一部分資源佔用的時間。通常在優化網站性能時需要用到。 也有查找框框用於過濾,xhr表示ajax資源佔用時間。一般來說,網頁的加載順

原创 JS兼容問題

一、事件 attachEvent("onclick",A); addEventListener("click",A,false); detachEvent("onclick",A); removeEventListenter("clic

原创 HTML 5 的自定義 data-* 屬性和jquery的data()方法的使用

人們總喜歡往HTML標籤上添加自定義屬性來存儲和操作數據。但這樣做的問題是,你不知道將來會不會有其它腳本把你的自定義屬性給重置掉,此外,你這樣做也會導致html語法上不符合Html規範,以及一些其它副作用。這就是爲什麼在HTML5規範裏增

原创 JS事件綁定的方法

1、把事件綁定到元素標識的屬性。 事件屬性名稱由事件類型加“on”構成。 onclick   onmouseover  HTML代碼是不區分大小寫的,所以直接寫在html中,大小寫都可以 A  <a οnclick="function()

原创 HTML搜索引擎優化

HTML各個元素對搜索引擎的權重比例 內部鏈接文字: 10分 標題title: 10分 域名: 7分 H1,H2字號標題: 5分 每段首句: 5分 路徑或文件名: 4分 相似度(關鍵詞堆積): 4分 每句開頭: 1.5分 加粗或斜體: 1

原创 jQuery DOM 操作(基本操作、內部插入、外部插入、包裹操作)

1.刪除操作 (1)remove()   $(selector).remove([selector])   $("#div3").remove(); //刪除 id 爲 div3 的 div 標籤 $("div").remove("#d

原创 javascript:void(0)

在代碼中,我們經常會看到像<a href="javascript:void(0)" ></a>這種代碼。 javascript是一種僞協議,表示url中的內容通過javascript執行。 void(0)表示不做任何操作,防止鏈接跳轉到其

原创 for循環綁定監聽事件索引值總是最後一個

var Menu=$(".tab"); for(var i=0;i<Menu.length;i++){    $(".tab").eq(i).οnclick=function(){          $(".tabContent").cs

原创 window.onload和DOMReady

JS的加載,是瀏覽器下載到哪裏就執行到哪裏,這種特性會導致整個項目沒有一個明顯的程序入口。 爲了解決這個問題,我們需要對代碼功能進行劃分。JS分成兩部分:框架和具體的功能實現。框架部分包括:定義全局變量,命名空間等,和具體功能無關,每個頁

原创 被需要的元素被埋起來的方法

1、最簡單的方法就是在html代碼中增加標籤 如:將房間中的會員信息加入 然而我們一般不這麼做,因爲太多的width:0px;height:0px;overflow:hidden;有可能會被搜索引擎認爲是作弊。 2、H5新增了data-

原创 JS事件傳播-冒泡和捕獲

默認情況下,都是事件冒泡。 在火狐和谷歌中,可以在addEventListener時,將useCapture設置爲true,則變成事件捕獲。 冒泡從目標對象開始,向父級元素至window遞進。 捕獲從window底層逐級向目標對象傳遞

原创 a標籤點擊後的虛線框

聚焦a標籤時,會出現一個虛線框。 這個框不同於border的是,它是不佔有任何寬度的。當你取消焦點的時候,這個虛線框就會自然消失。 解決辦法: 1、添加outline:none 但是對ie6,ie7無效 2、在a標籤里加入js控制,當a

原创 JS裏的{ }大括號和[ ]中括號的用法——看懂JSON結構

一、{ } 大括號,表示定義一個對象,大部分情況下要有成對的屬性和值,或是函數。 如:var LangShen = {"Name":"Langshen","AGE":"28"}; 上面聲明瞭一個名爲“LangShen”的對象,多個屬性或

原创 兼容IE的CSS寫法

一、hack 寫法: .demo {margin-left: 30px; _margin-left: 20px; } 優點: 1、內嵌在CSS中,編寫的時候很方便 2、內嵌在CSS中,不會產生更多的HTTP請求 缺點: 1、沒有統一

原创 javascript event對象的clientX,offsetX,screenX,pageX區別

event.clientX、event.clientY 鼠標相對於瀏覽器窗口可視區域的X,Y座標(窗口座標),可視區域不包括工具欄和滾動條。IE事件和標準事件都定義了這2個屬性 event.pageX、event.pageY 類似於eve