首頁 > web前端 > js教程 > Javascript使用小技巧匯總

Javascript使用小技巧匯總

巴扎黑
發布: 2017-05-21 18:49:47
原創
1035 人瀏覽過

事件來源物件 
event.srcElement.tagName 
event.srcElement.type 
擷取釋放 
event.srcElement.setCapture();  
event.srcElement.releaseCapture()); ##事件按鍵 
event.keyCode 
event.shiftKey 
event.altKey 
event.ctrlKey 
事件回傳值 
event.returnValue 
滑鼠位置 
event. x 
event.y 
窗體活動元素 
document.activeElement 
綁定事件 
document.captureEvents(Event.KEYDOWN); 
存取窗體元素 
document. all("txt").focus(); 
document.all("txt").select(); 
窗體指令 
document.execCommand 
視窗COOKIE 
document. cookie 
選單事件 
document.oncontextmenu 
建立元素 
document.createElement("SPAN");  
根據滑鼠取得元素: 
document.elementFromPoint(event.x,event. y).tagName=="TD 
document.elementFromPoint(event.x,event.y).appendChild(ms)  
窗體圖片 
document.images[索引] 
表單事件綁定定 
document.onmousedown=scrollwindow; 
元素 
document.窗體.elements[索引] 
物件綁定事件 
document.all.xxx.detachEvent('onclick',a) ; 
外掛程式數目 
navigator.plugins 
取變數類型 
typeof($js_libpath) == "undefined" 
下拉方塊 
下拉方塊.options[索引] 
下拉框.options.length 
查找物件 
document.getElementsByName("r1"); 
document.getElementById(id); 
計時 
timer=setInterval('scrollwindow()',delay ); 
clearInterval(timer); 
UNCODE編碼 
escape() ,unescape 
父物件 
obj.parentElement(dhtml) 
obj.parentNode(dom) 
交換交換交換表格的行 
TableID.moveRow(2,1) 
替換CSS 
document.all.csss.href = "a.css"; 
並排顯示 
display:inline 
隱藏焦點 
hidefocus=true 
依寬度換行 
style="word-break:break-all" 
自動刷新 
 
簡單郵件 
  
快速轉到位置 
obj.scrollIntoView(true) 
錨 
 
anchors 
網頁傳遞參數 
location.search(); 
可編輯 
obj.contenteditable=true 
執行選單指令 
obj.execCommand 
雙位元組字元 
/[^ \x00-\xff]/ 
漢字 
/[\u4e00-\u9fa5]/ 
讓英文字串超出表格寬度自動換行 
word-wrap: break-word; word-break: break-all; 
透明背景 
 
##HTML標籤 
document.documentElement.innerHTML 
第一個style標籤 
document.styleSheets[0] 
style標籤裡的第一個樣式 
document.styleSheets[0]. rules[0] 
防止點擊空白連結時,頁面往往會重置到頁首端。
word 
上一網頁來源 
asp: 
request.servervariables("HTTP_REFERER") 
javascript:
document.referrer 
釋放記憶體 
CollectGarbage(); 
禁止右鍵 
document.oncontextmenu = function() { return false; 
禁止保存 
)no ;  
禁止選取  
_lt;  ##type< =text onpaste="return false"> 
網址列圖示 
 
favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下 
收藏列圖示 
 
查看原始碼 
 
關閉輸入法 
 
自動全選 
< ;input type=text name=text1 value="123" onfocus="this.select()"> 
ENTER鍵可以讓遊標移到下一個輸入框 
 
文字方塊的預設值 
 
title換行 
obj.title = "123 sdfs " 
取得時間所代表的微秒 
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() 
視窗是否關閉 
win.closed 
checkbox扁平 
document.selection.createRange().duplicate().text 
自動完成功能 
開啟此功能 off>關閉此功能    
視窗最大化 
 
無關閉按鈕IE 
window.open("aa.htm", "meizz", "fullscreen=7"); 
統一編碼/解碼 
alert(decodeURIComponent(encodeURIComponent ("http://你好.com?as= hehe"))) 
encodeURIComponent對":"、"/"、";" 和 "?"也編碼 
表格列指示 
< ;tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'"> 
##

以上是Javascript使用小技巧匯總的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板