javaScript 常用技巧(一)

  • 事件源對象 
    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.οnmοusedοwn=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"
  • 自動刷新 
    <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
  • 簡單郵件 
    <a   href="
    mailto:[email protected]?subject=ccc&body=xxxyyy">  
  • 快速轉到位置 
    obj.scrollIntoView(true)
  • 錨 
    <a name="first"> 
    <a href="#first">anchors</a>
  • 網頁傳遞參數 
    location.search();
  • 可編輯 
    obj.contenteditable=true
  • 執行菜單命令 
    obj.execCommand
  • 雙字節字符 
    /[^/x00-/xff]/ 
    漢字 
    /[/u4e00-/u9fa5]/
  • 讓英文字符串超出表格寬度自動換行 
    word-wrap: break-word; word-break: break-all;
  • 透明背景 
    <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
  • 獲得style內容 
    obj.style.cssText
  • HTML標籤 
    document.documentElement.innerHTML
  • 第一個style標籤 
    document.styleSheets[0]
  • style標籤裏的第一個樣式 
    document.styleSheets[0].rules[0]
  • 防止點擊空鏈接時,頁面往往重置到頁首端。 
    <a href="javascript:function()">word</a>
  • 上一網頁源 
    asp: 
    request.servervariables("HTTP_REFERER") 
    javascript: 
    document.referrer
  • 釋放內存 
    CollectGarbage();
  • 禁止右鍵 
    document.oncontextmenu = function() { return false;}
  • 禁止保存 
    <noscript><iframe src="*.htm"></iframe></noscript>
  • 禁止選取<body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false"οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()>
  • 禁止粘貼 
    <input type=text οnpaste="return false">
  • 地址欄圖標 
    <link rel="Shortcut Icon" href="favicon.ico"> 
    favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下
  • 收藏欄圖標 
    <link rel="Bookmark" href="favicon.ico">
  • 查看源碼 
    <input type=button value=查看網頁源代碼 οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
  • 關閉輸入法 
    <input style="ime-mode:disabled">
  • 自動全選 
    <input type=text name=text1 value="123" οnfοcus="this.select()">
  • ENTER鍵可以讓光標移到下一個輸入框 
    <input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">
  • 文本框的默認值 
    <input type=text value="123" οnfοcus="alert(this.defaultValue)">
  • title換行 
    obj.title = "123 sdfs "
  • 獲得時間所代表的微秒 
    var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime()
  • 窗口是否關閉 
    win.closed
  • checkbox扁平 
    <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
  • 獲取選中內容 
    document.selection.createRange().duplicate().text
  • 自動完成功能 
    <input   type=text   autocomplete=on>打開該功能  
    <input   type=text   autocomplete=off>關閉該功能    
  • 窗口最大化 
    <body οnlοad="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">
  • 無關閉按鈕IE 
    window.open("aa.htm", "meizz", "fullscreen=7");
  • 統一編碼/解碼 
    alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 
    encodeURIComponent對":"、"/"、";" 和 "?"也編碼
  • 表格行指示 
    <tr οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="this.bgColor='#ffffff'">

 

發佈了3 篇原創文章 · 獲贊 0 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章