web开发常用小技巧.docx
《web开发常用小技巧.docx》由会员分享,可在线阅读,更多相关《web开发常用小技巧.docx(118页珍藏版)》请在冰豆网上搜索。
![web开发常用小技巧.docx](https://file1.bdocx.com/fileroot1/2023-2/23/5423b7ae-fb99-4225-a5e1-cbb984ae2d11/5423b7ae-fb99-4225-a5e1-cbb984ae2d111.gif)
web开发常用小技巧
web开发常用小技巧(上)收藏
事件源对象
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"
自动刷新
简单邮件
aaa@?
subject=ccc&body=xxxyyy">
快速转到位置
obj.scrollIntoView(true)
锚
anchors
网页传递参数
location.search();
可编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand
双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
让英文字符串超出表格宽度自动换行
word-wrap:
break-word;word-break:
break-all;
透明背景
获得style内容
obj.style.cssText
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
防止点击空链接时,页面往往重置到页首端。
function()">word
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
释放内存
CollectGarbage();
禁止右键
document.oncontextmenu=function(){returnfalse;}
禁止保存
禁止选取
禁止粘贴
地址栏图标
favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
查看源码
'+'
关闭输入法
disabled">
自动全选
ENTER键可以让光标移到下一个输入框
文本框的默认值
title换行
obj.title="123
sdfs "
获得时间所代表的微秒
varn1=newDate("2004-10-10".replace(/-/g,"\/")).getTime()
窗口是否关闭
win.closed
checkbox扁平
absolute;clip:
rect(5px15px15px5px)">
获取选中内容
document.selection.createRange().duplicate().text
自动完成功能
打开该功能
关闭该功能
窗口最大化
无关闭按钮IE
window.open("aa.htm","meizz","fullscreen=7");
统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http:
//你好.com?
as=hehe")))
encodeURIComponent对":
"、"/"、";"和"?
"也编码
表格行指示
锚
anchors
网页传递参数
location.search();
可编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand
双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
让英文字符串超出表格宽度自动换行
word-wrap:
break-word;word-break:
break-all;
透明背景
获得style内容
obj.style.cssText
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
防止点击空链接时,页面往往重置到页首端。
function()">word
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
释放内存
CollectGarbage();
禁止右键
document.oncontextmenu=function(){returnfalse;}
禁止保存
禁止选取
禁止粘贴
地址栏图标
favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
查看源码
'+'
关闭输入法
disabled">
自动全选
ENTER键可以让光标移到下一个输入框
文本框的默认值
title换行
obj.title="123
sdfs "
获得时间所代表的微秒
varn1=newDate("2004-10-10".replace(/-/g,"\/")).getTime()
窗口是否关闭
win.closed
checkbox扁平
absolute;clip:
rect(5px15px15px5px)">
获取选中内容
document.selection.createRange().duplicate().text
自动完成功能
打开该功能
关闭该功能
窗口最大化
无关闭按钮IE
window.open("aa.htm","meizz","fullscreen=7");
统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http:
//你好.com?
as=hehe")))
encodeURIComponent对":
"、"/"、";"和"?
"也编码
表格行指示
自动刷新
简单邮件
aaa@?
subject=ccc&body=xxxyyy">
快速转到位置
obj.scrollIntoView(true)
锚
anchors
网页传递参数
location.search();
可编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand
双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
让英文字符串超出表格宽度自动换行
word-wrap:
break-word;word-break:
break-all;
透明背景
获得style内容
obj.style.cssText
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
防止点击空链接时,页面往往重置到页首端。
function()">word
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
释放内存
CollectGarbage();
禁止右键
document.oncontextmenu=function(){returnfalse;}
禁止保存
禁止选取
禁止粘贴
地址栏图标
favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
查看源码
'+'
关闭输入法
disabled">
自动全选
ENTER键可以让光标移到下一个输入框
文本框的默认值
title换行
obj.title="123
sdfs "
获得时间所代表的微秒
varn1=newDate("2004-10-10".replace(/-/g,"\/")).getTime()
窗口是否关闭
win.closed
checkbox扁平
absolute;clip:
rect(5px15px15px5px)">
获取选中内容
document.selection.createRange().duplicate().text
自动完成功能
打开该功能
关闭该功能
窗口最大化
无关闭按钮IE
window.open("aa.htm","meizz","fullscreen=7");
统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http:
//你好.com?
as=hehe")))
encodeURIComponent对":
"、"/"、";"和"?
"也编码
表格行指示
锚
anchors
网页传递参数
location.search();
可编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand
双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
让英文字符串超出表格宽度自动换行
word-wrap:
break-word;word-break:
break-all;
透明背景
获得style内容
obj.style.cssText
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
防止点击空链接时,页面往往重置到页首端。
function()">word
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
释放内存
CollectG