首頁 > 開發者 > JavaScript

javaScript技巧集合

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
  • 事件來源對象
    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"
  • 自動重新整理
    <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
  • 簡單郵件
    <a href="mailto:aaa@bbb.com?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 oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>
  • 禁止粘貼
    <input type=text onpaste="return false">
  • 地址欄表徵圖
    <link rel="Shortcut Icon" href="favicon.ico">
    favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下
  • 收藏欄表徵圖
    <link rel="Bookmark" href="favicon.ico">
  • 查看源碼
    <input type=button value=查看網頁原始碼 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
  • 關閉IME
    <input style="ime-mode:disabled">
  • 自動全選
    <input type=text name=text1 value="123" onfocus="this.select()">
  • ENTER鍵可以讓游標移到下一個輸入框
    <input onkeydown="if(event.keyCode==13)event.keyCode=9">
  • 文字框的預設值
    <input type=text value="123" onfocus="alert(this.defaultValue)">
  • title換行
    obj.title = "123&#13sdfs&#32"
  • 獲得時間所代表的微秒
    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 onload="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 onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">

 

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
formatmoney javascript javascript getdatetime unlink javascript hmac javascript javascript session javascript addslashes javascript bindto
相關文章
漂亮簡單Javascript 調色盤代碼
JavaScript的parseInt 取整使用
用js一招破解所有網頁的加密原始碼的方法

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More