?? javascript小技巧 .html
字號:
?<div class="post">
<div class="postTitle">
javascript小技巧
</div>
<div class="postText">
<ul>
<li><font size="2"><strong>事件源對象</strong>
<br/>event.srcElement.tagName
<br/>event.srcElement.type</font>
</li>
<li><font size="2"><strong>捕獲釋放
<br/></strong>event.srcElement.setCapture(); 
<br/>event.srcElement.releaseCapture();  </font>
</li>
<li><font size="2"><strong>事件按鍵</strong>
<br/>event.keyCode
<br/>event.shiftKey
<br/>event.altKey
<br/>event.ctrlKey</font>
</li>
<li><font size="2"><strong>事件返回值</strong>
<br/>event.returnValue</font>
</li>
<li><font size="2"><strong>鼠標位置
<br/></strong>event.x
<br/>event.y</font>
</li>
<li><font size="2"><strong>窗體活動元素
<br/></strong>document.activeElement</font>
</li>
<li><font size="2"><strong>綁定事件</strong>
<br/>document.captureEvents(Event.KEYDOWN);</font>
</li>
<li><font size="2"><strong>訪問窗體元素
<br/></strong>document.all("txt").focus();
<br/>document.all("txt").select();</font>
</li>
<li><font size="2"><strong>窗體命令</strong>
<br/>document.execCommand</font>
</li>
<li><font size="2"><strong>窗體COOKIE
<br/></strong>document.cookie</font>
</li>
<li><font size="2"><strong>菜單事件</strong>
<br/>document.oncontextmenu</font>
</li>
<li><font size="2"><strong>創建元素
<br/></strong>document.createElement("SPAN");  </font>
</li>
<li><font size="2"><strong>根據鼠標獲得元素：
<br/></strong>document.elementFromPoint(event.x,event.y).tagName=="TD
<br/></font><font size="2">document.elementFromPoint(event.x,event.y).appendChild(ms)  </font>
</li>
<li><font size="2"><strong>窗體圖片</strong>
<br/>document.images[索引]</font>
</li>
<li><font size="2"><strong>窗體事件綁定
<br/></strong>document.onmousedown=scrollwindow;</font>
</li>
<li><font size="2"><strong>元素</strong>
<br/>document.窗體.elements[索引]</font>
</li>
<li><font size="2"><strong>對象綁定事件
<br/></strong>document.all.xxx.detachEvent('onclick',a);</font>
</li>
<li><font size="2"><strong>插件數目</strong>
<br/>navigator.plugins</font>
</li>
<li><font size="2"><strong>取變量類型
<br/></strong>typeof($js_libpath) == "undefined"</font>
</li>
<li><font size="2"><strong>下拉框
<br/></strong></font><font size="2">下拉框.options[索引]
<br/>下拉框.options.length</font>
</li>
<li><font size="2"><strong>查找對象</strong>
<br/>document.getElementsByName("r1");
<br/>document.getElementById(id); </font>
</li>
<li><font size="2"><strong>定時
<br/></strong>timer=setInterval('scrollwindow()',delay);
<br/>clearInterval(timer);</font>
</li>
<li><font size="2"><strong>UNCODE編碼
<br/></strong>escape() ,unescape</font>
</li>
<li><font size="2"><strong>父對象</strong>
<br/>obj.parentElement(dhtml)
<br/>obj.parentNode(dom)</font>
</li>
<li><font size="2"><strong>交換表的行
<br/></strong>TableID.moveRow(2,1)</font><font size="2"><strong>
<li><font size="2"><strong>替換CSS</strong>
<br/></font>document.all.csss.href = "a.css";<font size="2"><strong>
<li><font size="2"><strong>并排顯示</strong>
<br/></font>display:inline<font size="2">
<li><font size="2"><strong>隱藏焦點
<br/></strong>hidefocus=true</font>
</li>
<li><font size="2"><strong>根據寬度換行
<br/></strong></font>style="word-break:break-all"<font size="2">
<li><font size="2"><strong>自動刷新
<br/></strong><meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net"></font>
</li>
<li><font size="2"><strong>簡單郵件
<br/></strong><a  href="</font><a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy"><font size="2">mailto:aaa@bbb.com?subject=ccc&body=xxxyyy</font></a><font size="2">">  </font>
</li>
<li><font size="2"><strong>快速轉到位置
<br/></strong></font>obj.scrollIntoView(true)<font size="2">
<li><font size="2"><strong>錨
<br/></strong><a name="first">
<br/><a href="#first">anchors</a></font>
</li>
<li><font size="2"><strong>網頁傳遞參數
<br/></strong>location.search();</font>
</li>
<li><strong>可編輯
<br/></strong>obj.contenteditable=true
</li>
<li><font size="2"><strong>執行菜單命令</strong>
<br/>obj.execCommand</font>
</li>
<li><font size="2"><strong>雙字節字符</strong>
<br/>/[^\x00-\xff]/
<br/>漢字
<br/>/[\u4e00-\u9fa5]/</font>
</li>
<li><strong>讓英文字符串超出表格寬度自動換行</strong>
<br/>word-wrap: break-word; word-break: break-all;
</li>
<li><strong>透明背景</strong><font size="2">
<br/><IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe></font>
</li>
<li><font size="2"><strong>獲得style內容
<br/></strong>obj.style.cssText</font>
</li>
<li><font size="2"><strong>HTML標簽</strong>
<br/>document.documentElement.innerHTML</font>
</li>
<li><font size="2"><strong>第一個style標簽</strong>
<br/>document.styleSheets[0]</font>
</li>
<li><font size="2"><strong>style標簽里的第一個樣式</strong>
<br/>document.styleSheets[0].rules[0]</font>
</li>
<li><strong>防止點擊空鏈接時，頁面往往重置到頁首端。
<br/></strong><a href="javascript:function()">word</a>
</li>
<li><strong>上一網頁源</strong>
<br/>asp:
<br/>request.servervariables("HTTP_REFERER")
<br/><font size="2">javascript:
<br/>document.referrer </font>
</li>
<li><font size="2"><strong>釋放內存
<br/></strong>CollectGarbage();</font>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -