网站开发技巧参考大全

《网站开发技巧参考大全》由会员分享，可在线阅读，更多相关《网站开发技巧参考大全（22页珍藏版）》请在装配图网上搜索。

1、网站开发技巧参考大全JcServer 整理并修正错误 更多: 事件源对象 ; o$&a92;mevent.srcElement.tagName ; o$&a92;mevent.srcElement.type 捕获释放 ; o$&a92;mevent.srcElement.setCapture(); ; o$&a92;mevent.srcElement.releaseCapture(); 事件按键 ; o$&a92;mevent.keyCode ; o$&a92;mevent.shiftKey ; o$&a92;mevent.altKey ; o$&a92;mevent.ctrlKey 事件返回

2、值 ; o$&a92;mevent.returnValue 鼠标位置 ; o$&a92;mevent.x ; o$&a92;mevent.y 窗体活动元素 ; o$&a92;mdocument.activeElement 绑定事件 ; o$&a92;mdocument.captureEvents(Event.KEYDOWN); 访问窗体元素 ; o$&a92;mdocument.all(txt).focus(); ; o$&a92;mdocument.all(txt).select(); 窗体命令 ; o$&a92;mdocument.execCommand 窗体COOKIE ; o$&a92

3、;mdocument.cookie 菜单事件 ; o$&a92;mdocument.oncontextmenu 创建元素 ; o$&a92;mdocument.createElement(SPAN); 根据鼠标获得元素： ; o$&a92;mdocument.elementFromPoint(event.x,event.y).tagName=TD ; o$&a92;mdocument.elementFromPoint(event.x,event.y).appendChild(ms) 窗体图片 ; o$&a92;mdocument.images索引 窗体事件绑定 ; o$&a92;mdocume

4、nt.onmousedown=scrollwindow; 元素 ; o$&a92;mdocument.窗体.elements索引 对象绑定事件 ; o$&a92;mdocument.all.xxx.detachEvent(onclick,a); 插件数目 ; o$&a92;mnavigator.plugins 取变量类型 ; o$&a92;mtypeof($js_libpath) = undefined 下拉框 ; o$&a92;m下拉框.options索引 ; o$&a92;m下拉框.options.length 查找对象 ; o$&a92;mdocument.getElementsByNa

5、me(r1); ; o$&a92;mdocument.getElementById(id); 定时 ; o$&a92;mtimer=setInterval(scrollwindow(),delay); ; o$&a92;mclearInterval(timer); o$&a92;m UNCODE编码 ; o$&a92;mescape() ,unescape; o$&a92;m 父对象 ; o$&a92;mobj.parentElement(dhtml) ; o$&a92;mobj.parentNode(dom); o$&a92;m 交换表的行 ; o$&a92;mTableID.moveRow

6、(2,1); o$&a92;m 替换CSS ; o$&a92;mdocument.all.csss.href = a.css; o$&a92;m 并排显示 ; o$&a92;mdisplay:inline; o$&a92;m 隐藏焦点 ; o$&a92;mhidefocus=true; o$&a92;m 根据宽度换行 ; o$&a92;mstyle=word-break:break-all; o$&a92;m 自动刷新 ; o$&a92;m; o$&a92;m 简单邮件 ; o$&a92;m 快速转到位置 ; o$&a92;mobj.scrollIntoView(true); o$&a92;m

7、 锚 ; o$&a92;m ; o$&a92;manchors; o$&a92;m 网页传递参数 ; o$&a92;mlocation.search(); o$&a92;m 可编辑 ; o$&a92;mobj.contenteditable=true 执行菜单命令 ; o$&a92;mobj.execCommand; o$&a92;m 双字节字符 ; o$&a92;m/x00-xff/ ; o$&a92;m汉字 ; o$&a92;m/u4e00-u9fa5/; o$&a92;m 让英文字符串超出表格宽度自动换行 ; o$&a92;mword-wrap: break-word; word-bre

8、ak: break-all; 透明背景 ; o$&a92;m; o$&a92;m 获得style内容 ; o$&a92;mobj.style.cssText; o$&a92;m HTML标签 ; o$&a92;mdocument.documentElement.innerHTML; o$&a92;m 第一个style标签 ; o$&a92;mdocument.styleSheets0; o$&a92;m style标签里的第一个样式 ; o$&a92;mdocument.styleSheets0.rules0; o$&a92;m 防止点击空链接时，页面往往重置到页首端。 ; o$&a92;mw

9、ord 上一网页源 ; o$&a92;masp: ; o$&a92;mrequest.servervariables(HTTP_REFERER) ; o$&a92;mjavascript: ; o$&a92;mdocument.referrer 释放内存 ; o$&a92;mCollectGarbage(); o$&a92;m 禁止右键 ; o$&a92;mdocument.oncontextmenu = function() return false; 禁止保存 ; o$&a92;m 禁止选取; o$&a92;m 禁止粘贴 ; o$&a92;m; o$&a92;m 地址栏图标 ; o$&a9

10、2;m ; o$&a92;mfavicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下; o$&a92;m 收藏栏图标 ; o$&a92;m 查看源码 ; o$&a92;m 关闭输入法 ; o$&a92;m 自动全选 ; o$&a92;m ENTER键可以让光标移到下一个输入框 ; o$&a92;m; o$&a92;m 文本框的默认值 ; o$&a92;m title换行 ; o$&a92;mobj.title = 123 sdfs 获得时间所代表的微秒 ; o$&a92;mvar n1 = new Date(2004-10-10.replace(/-/g, /).getTim

11、e(); o$&a92;m 窗口是否关闭 ; o$&a92;mwin.closed checkbox扁平 ; o$&a92;m; o$&a92;m 获取选中内容 ; o$&a92;mdocument.selection.createRange().duplicate().text 自动完成功能 ; o$&a92;m打开该功能 ; o$&a92;m关闭该功能 窗口最大化 ; o$&a92;m; o$&a92;m 无关闭按钮IE ; o$&a92;mwindow.open(aa.htm, meizz, fullscreen=7); 统一编码/解码 ; o$&a92;malert(decodeURI

12、Component(encodeURIComponent(http:/你好.com?as= hehe) ; o$&a92;mencodeURIComponent对:、/、; 和 ?也编码 表格行指示 ; o$&a92;m ; o$&a92;m/各种尺寸 s += rn网页可见区域宽：+ document.body.clientWidth; ; o$&a92;ms += rn网页可见区域高：+ document.body.clientHeight; ; o$&a92;ms += rn网页可见区域高：+ document.body.offsetWeight + (包括边线的宽); ; o$&a92

13、;ms += rn网页可见区域高：+ document.body.offsetHeight + (包括边线的宽); ; o$&a92;ms += rn网页正文全文宽：+ document.body.scrollWidth; ; o$&a92;ms += rn网页正文全文高：+ document.body.scrollHeight; ; o$&a92;ms += rn网页被卷去的高：+ document.body.scrollTop; ; o$&a92;ms += rn网页被卷去的左：+ document.body.scrollLeft; ; o$&a92;ms += rn网页正文部分上：+ w

14、indow.screenTop; ; o$&a92;ms += rn网页正文部分左：+ window.screenLeft; ; o$&a92;ms += rn屏幕分辨率的高：+ window.screen.height; ; o$&a92;ms += rn屏幕分辨率的宽：+ window.screen.width; ; o$&a92;ms += rn屏幕可用工作区高度：+ window.screen.availHeight; ; o$&a92;ms += rn屏幕可用工作区宽度：+ window.screen.availWidth; ; o$&a92;m/过滤数字 ; o$&a92;m=48

15、&event.keyCode=57|(this.value.indexOf(.) ; o$&a92;m/特殊用途 ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;minput type=button value=加入到频道 onclick=window.external.addChannel( ; o$&a92;m ; o$&a92;m/不缓存 ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m; o$&a92;m/正则匹配 ; o$&a92;m匹配中文字符的正则表达式： u4e

16、00-u9fa5 ; o$&a92;m匹配双字节字符(包括汉字在内)：x00-xff ; o$&a92;m匹配空行的正则表达式：ns| *r ; o$&a92;m匹配HTML标记的正则表达式：/.*|/ ; o$&a92;m匹配首尾空格的正则表达式：(s*)|(s*$)（像vbscript那样的trim函数） ; o$&a92;m匹配Email地址的正则表达式：w+(-+.w+)*w+(-.w+)*.w+(-.w+)* ; o$&a92;m匹配网址URL的正则表达式：http:/(w-+.)+w-+(/w- ./?%&=*)? ; o$&a92;m以下是例子： ; o$&a92;m利用正则表达

17、式限制网页表单里的文本框输入内容： ; o$&a92;m用正则表达式限制只能输入中文：onkeyup=value=value.replace(/u4E00-u9FA5/g,) onbeforepaste=clipboardData.setData(text,clipboardData.getData(text).replace(/u4E00-u9FA5/g,) ; o$&a92;m1.用正则表达式限制只能输入全角字符： onkeyup=value=value.replace(/uFF00-uFFFF/g,) onbeforepaste=clipboardData.setData(text,cl

18、ipboardData.getData(text).replace(/uFF00-uFFFF/g,) ; o$&a92;m2.用正则表达式限制只能输入数字：onkeyup=value=value.replace(/d/g,) onbeforepaste=clipboardData.setData(text,clipboardData.getData(text).replace(/d/g,) ; o$&a92;m3.用正则表达式限制只能输入数字和英文：onkeyup=value=value.replace(/W/g,) onbeforepaste=clipboardData.setData(te

19、xt,clipboardData.getData(text).replace(/d/g,) ; o$&a92;m/消除图像工具栏 ; o$&a92;m ; o$&a92;mor ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m/无提示关闭 ; o$&a92;m; o$&a92;mfunction Close() ; o$&a92;m ; o$&a92;mvar ua=navigator.userAgent ; o$&a92;mvar ie=navigator.appName=Microsoft Internet Explorer?truealse ; o$

20、&a92;mif(ie) ; o$&a92;m ; o$&a92;m var IEversion=parseFloat(ua.substring(ua.indexOf(MSIE )+5,ua.indexOf(;,ua.indexOf(MSIE ) ; o$&a92;m if(IEversion 5.5) ; o$&a92;m ; o$&a92;m var str = ; o$&a92;m str += ; ; o$&a92;m document.body.insertAdjacentHTML(beforeEnd, str); ; o$&a92;m document.all.noTipClose

21、.Click(); ; o$&a92;m ; o$&a92;m else ; o$&a92;m ; o$&a92;m window.opener =null; ; o$&a92;m window.close(); ; o$&a92;m ; o$&a92;m ; o$&a92;melse ; o$&a92;m ; o$&a92;m window.close() ; o$&a92;m ; o$&a92;m ; o$&a92;m/取得控件得绝对位置(1) ; o$&a92;m; o$&a92;m ; o$&a92;mfunction getoffset(e) ; o$&a92;m ; o$&a92;

22、mvar t=e.offsetTop; ; o$&a92;mvar l=e.offsetLeft; ; o$&a92;mwhile(e=e.offsetParent) ; o$&a92;m ; o$&a92;m t+=e.offsetTop; ; o$&a92;m l+=e.offsetLeft; ; o$&a92;m ; o$&a92;mvar rec = new Array(1); ; o$&a92;mrec0 = t; ; o$&a92;mrec1 = l; ; o$&a92;mreturn rec ; o$&a92;m ; o$&a92;m ; o$&a92;m/获得控件的绝对位置(2

23、) ; o$&a92;moRect = obj.getBoundingClientRect(); ; o$&a92;moRect.left ; o$&a92;moRect. ; o$&a92;m/最小化,最大化,关闭 ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m/光标停在文字最后 ; o$&a92;m ; o$&a92;mfunction cc() ; o$&a92;m ; o$&a92;mvar e = event.sr

24、cElement; ; o$&a92;mvar r =e.createTextRange(); ; o$&a92;mr.moveStart(character,e.value.length); ; o$&a92;mr.collapse(true); ; o$&a92;mr.select(); ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m/页面进入和退出的特效 ; o$&a92;m; o$&a92;m进入页面 ; o$&a92;m推出页面 ; o$&a92;m这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transi

25、tion表示使 ; o$&a92;m用哪种特效，取值为1-23: ; o$&a92;m0 矩形缩小 ; o$&a92;m1 矩形扩大 ; o$&a92;m2 圆形缩小 ; o$&a92;m3 圆形扩大 ; o$&a92;m4 下到上刷新 ; o$&a92;m5 上到下刷新 ; o$&a92;m6 左到右刷新 ; o$&a92;m7 右到左刷新 ; o$&a92;m8 竖百叶窗 ; o$&a92;m9 横百叶窗 ; o$&a92;m10 错位横百叶窗 ; o$&a92;m11 错位竖百叶窗 ; o$&a92;m12 点扩散 ; o$&a92;m13 左右到中间刷新 ; o$&a92;m14 中间

26、到左右刷新 ; o$&a92;m15 中间到上下 ; o$&a92;m16 上下到中间 ; o$&a92;m17 右下到左上 ; o$&a92;m18 右上到左下 ; o$&a92;m19 左上到右下 ; o$&a92;m20 左下到右上 ; o$&a92;m21 横条 ; o$&a92;m22 竖条 ; o$&a92;m23 ; o$&a92;m/网页是否被检索 ; o$&a92;m ; o$&a92;m其中属性值有以下一些: ; o$&a92;m属性值为all: 文件将被检索，且页上链接可被查询； ; o$&a92;m属性值为none: 文件不被检索，而且不查询页上的链接； ; o$&a9

27、2;m属性值为index: 文件将被检索； ; o$&a92;m属性值为follow: 查询页上的链接； ; o$&a92;m属性值为noindex: 文件不检索，但可被查询链接； ; o$&a92;m属性值为nofollow: ; o$&a92;m; o$&a92;m/打印分页 ; o$&a92;mpage1 ; o$&a92;mpage2 ; o$&a92;m; o$&a92;m/设置打印 ; o$&a92;m; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;m ; o$&a92;mfunction window.onload() ; o$&a92;m ; o$&a92;m / - advanced features ; o$&a92;m factory.printing.SetMarginMeasure(2) / measure margins in inches ; o$&a92;m factory.printing.SetPageRange(false, 1, 3) / need pages from 1 to 3 ; o$&a92;m factory.printing.printer = HP DeskJet 870C ; o$&a92