html处置的小技巧
日期：2014-05-17 浏览次数：20891 次
1. 在密码框中显示文字
<TABLE> <TR> <TD> <input ? type= "text " ? value= "请输入密码 " ? onclick= "this.parentNode.innerHTML= ' <INPUT ? type=password ? value=> '; " ? /> </TD> </TR> </TABLE>
2. 相关技巧整理
事件源对象 ?
event.srcElement.tagName(document.getElementsByTagName)
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/ ' "> ?
关闭输入法 ?
