?Window.external.xxx(params) ?系統文件操作命令(控制瀏覽器窗口行為)?

點擊鏈接發送郵件

<a href="mailto:A@B.com?subject=C&body=D" >Mail</a> C是主題，D是內容 或用JS dom.onclick = window.open('mailto:commit_admin@trial-net.co.jp')

?

獲取當前觸發事件的的DOM

event.srcElement; event.target;//IE無效 event.CurrentTarget

焦點管理

//文檔加載完成時，document.activeElement保存的是document.body元素的引用
document.activeElement;//當前DOM中獲得焦點元素 document.hasFocus();//判斷文檔是否獲得焦點

---

<a href="XX.html" target="A" id="obj"/> <iframe name="A" /> ?當點擊obj后，鏈接內容將顯示到A中

獲得頁面中某個元素的左，上，右和下分別相對瀏覽器視窗的位置。

obj.getBoundingClientRect();//使用這個方法獲取位置的好處是，不需要迭代的求父節點的相對位置，直接就可以獲得相對瀏覽器的位置。

?

其他

obj.scrollIntoView(true)//快速定位到obj位置 obj.execCommand(params)//執行菜單命令 allowtransparency=true//透明背景 obj.style.cssText//獲得style內容 CollectGarbage()//釋放內存(限IE) style="position:absolute;clip:rect(1px 5px 5px 1px)"//裁剪 document.selection.createRange().duplicate().text()//獲取選中內容 頁面進入和退出特效的濾鏡(通過更改x,y可獲得23種效果)<meta http-equiv="Page-Enter" content="revealTrans(duration=x,transition=y)" /><meta http-equiv="Page-Exit" content="revealTrans(duration=x,transition=y)" />

---

表單默認值屬性：defaultValue/defaultChecked

input:text 有 defaultValue屬性(只讀) IE/Chrome
input:checkbox 有defaultChecked 和 defaultValue 屬性(只讀) IE/Chrome
input:redio 有defaultChecked 和 defaultValue 屬性(只讀) IE/Chrome

?

簡單實現JSON對象深復制

var a = {A:4} var b = JSON.parse(JSON.stringify(a))

---

富文本編輯

Dom元素有個contenteditable屬性 true的時候可以輸入內容并可以添加樣式，例如Ctrl+B可以將選中文本變成黑體,Ctrl+I將文本變成斜體之類的。如果將其設置為false，則關閉可編輯狀態，但內容還在。

<div contenteditable id="DD"></div> <script>DD.contentEditable = true;//打開可編輯狀態 DD.contentEditable = false;//關閉可編輯狀態 </script>

---

?字符串去空格

String.prototype.trim = function () {return this.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); }

---

滾動滾輪縮放頁面

$.fn.Zoom=function(ops) {var _op = {precision:12};var _self = this[0];ops = $.extend(_op,ops);this.on("mousewheel",function(){var zoom = parseInt(_self.style.zoom, 10) || 100;zoom += event.wheelDelta / ops.precision; //可適合修改if (zoom > 0)_self.style.zoom = zoom + '%';}); } $(document.body).Zoom();

---

克隆對象

function clone(myObj) {if (typeof (myObj) != 'object') return myObj;if (myObj == null) return myObj;var myNewObj = new Object();for (var i in myObj)myNewObj[i] = clone(myObj[i]);return myNewObj; }

---

快速轉到Dom

obj.scrollIntoView(true)

后面的參數是true時，obj會在瀏覽器可見區域上方出現，false時則在下方

---

?

?

?

?

?

轉載于:https://www.cnblogs.com/TiestoRay/archive/2012/09/27/2680650.html

總結

以上是生活随笔為你收集整理的JS代码片段整理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。