博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS代码片段整理
阅读量:5107 次
发布时间:2019-06-13

本文共 2067 字,大约阅读时间需要 6 分钟。

 Window.external.xxx(params)  系统文件操作命令(控制浏览器窗口行为) 

点击链接发送邮件

Mail  C是主题,D是内容或用JSdom.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种效果)  

表单默认值属性: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,则关闭可编辑状态,但内容还在。


 字符串去空格

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

你可能感兴趣的文章
MySQL的并行复制多线程复制MTS(Multi-Threaded Slaves)
查看>>
好玩的-记最近玩的几个经典ipad ios游戏
查看>>
PyQt5--EventSender
查看>>
Sql Server 中由数字转换为指定长度的字符串
查看>>
Java 多态 虚方法
查看>>
Unity之fragment shader中如何获得视口空间中的坐标
查看>>
万能的SQLHelper帮助类
查看>>
tmux的简单快捷键
查看>>
[Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
查看>>
Html5 离线页面缓存
查看>>
《绿色·精简·性感·迷你版》易语言,小到不可想象
查看>>
Android打包key密码丢失找回
查看>>
VC6.0调试技巧(一)(转)
查看>>
类库与框架,强类型与弱类型的闲聊
查看>>
webView添加头视图
查看>>
php match_model的简单使用
查看>>
在NT中直接访问物理内存
查看>>
Intel HEX 文件格式
查看>>
SIP服务器性能测试工具SIPp使用指导(转)
查看>>
php_扑克类
查看>>