您的位置：首页 > 运维架构 > 网站架构

网站开发技巧参考大全

2009-07-17 11:18 381 查看

事件源对象
2event.srcElement.tagName
3event.srcElement.type
4捕获释放
5event.srcElement.setCapture();
6event.srcElement.releaseCapture();
7事件按键
8event.keyCode
9event.shiftKey
10event.altKey
11event.ctrlKey
12事件返回值
13event.returnValue
14鼠标位置
15event.x
16event.y
17窗体活动元素
18document.activeElement
19绑定事件
20document.captureEvents(Event.KEYDOWN);
21访问窗体元素
22document.all("txt").focus();
23document.all("txt").select();
24窗体命令
25document.execCommand
26窗体COOKIE
27document.cookie
28菜单事件
29document.oncontextmenu
30创建元素
31document.createElement("SPAN");
32根据鼠标获得元素：
33document.elementFromPoint(event.x,event.y).tagName=="TD
34document.elementFromPoint(event.x,event.y).appendChild(ms)
35窗体图片
36document.images[索引]
37窗体事件绑定
38document.onmousedown=scrollwindow;
39元素
40document.窗体.elements[索引]
41对象绑定事件
42document.all.xxx.detachEvent('onclick',a);
43插件数目
44navigator.plugins
45取变量类型
46typeof($js_libpath) == "undefined"
47下拉框
48下拉框.options[索引]
49下拉框.options.length
50查找对象
51document.getElementsByName("r1");
52document.getElementById(id);
53定时
54timer=setInterval('scrollwindow()',delay);
55clearInterval(timer);
56
57UNCODE编码
58escape() ,unescape
59
60父对象
61obj.parentElement(dhtml)
62obj.parentNode(dom)
63
64交换表的行
65TableID.moveRow(2,1)
66
67替换CSS
68document.all.csss.href = "a.css";
69
70并排显示
71display:inline
72
73隐藏焦点
74hidefocus=true
75
76根据宽度换行
77style="word-break:break-all"
78
79自动刷新
80<meta HTTP-EQUIV="refresh" C>
81
82简单邮件
83<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
84快速转到位置
85obj.scrollIntoView(true)
86
87锚
88<a name="first">
89<a href="#first">anchors</a>
90
91网页传递参数
92location.search();
93
94可编辑
95obj.contenteditable=true
96执行菜单命令
97obj.execCommand
98
99双字节字符
100/[^\x00-\xff]/
101汉字
102/[\u4e00-\u9fa5]/
103
104让英文字符串超出表格宽度自动换行
105word-wrap: break-word; word-break: break-all;
106透明背景
107<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
108
109获得style内容
110obj.style.cssText
111
112HTML标签
113document.documentElement.innerHTML
114
115第一个style标签
116document.styleSheets[0]
117
118style标签里的第一个样式
119document.styleSheets[0].rules[0]
120
121防止点击空链接时，页面往往重置到页首端。
122<a href="javascriptunction()">word</a>
123上一网页源
124asp:
125request.servervariables("HTTP_REFERER")
126javascript:
127document.referrer
128释放内存
129CollectGarbage();
130
131禁止右键
132document.oncontextmenu = function() { return false;}
133禁止保存
134<noscript><iframe src="*.htm"></iframe></noscript>
135禁止选取<body oncontextmenu="return false" ondragstart="return false"
136onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>
137
138禁止粘贴
139<input type=text >
140
141地址栏图标
142<link rel="Shortcut Icon" href="favicon.ico">
143favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
144
145收藏栏图标
146<link rel="Bookmark" href="favicon.ico">
147查看源码
148<input type=button value=查看网页源代码 >
149关闭输入法
150<input style="ime-modeisabled">
151自动全选
152<input type=text name=text1 value="123" >
153ENTER键可以让光标移到下一个输入框
154<input >
155
156文本框的默认值
157<input type=text value="123" >
158title换行
159obj.title = "123 sdfs "
160获得时间所代表的微秒
161var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
162
163窗口是否关闭
164win.closed
165checkbox扁平
166<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
167
168获取选中内容
169document.selection.createRange().duplicate().text
170自动完成功能
171<input type=text autocomplete=on>打开该功能
172<input type=text autocomplete=off>关闭该功能
173窗口最大化
174<body >
175
176无关闭按钮IE
177window.open("aa.htm", "meizz", "fullscreen=7");
178统一编码/解码
179alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
180encodeURIComponent对":"、"/"、";" 和 "?"也编码
181表格行指示
182<tr >
183//各种尺寸
184s += "\r\n网页可见区域宽："+ document.body.clientWidth;
185s += "\r\n网页可见区域高："+ document.body.clientHeight;
186s += "\r\n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)";
187s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
188s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
189s += "\r\n网页正文全文高："+ document.body.scrollHeight;
190s += "\r\n网页被卷去的高："+ document.body.scrollTop;
191s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
192s += "\r\n网页正文部分上："+ window.screenTop;
193s += "\r\n网页正文部分左："+ window.screenLeft;
194s += "\r\n屏幕分辨率的高："+ window.screen.height;
195s += "\r\n屏幕分辨率的宽："+ window.screen.width;
196s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
197s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
198
199//过滤数字
200<input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46alse)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false">
201//特殊用途
202<input type=button value=导入收藏夹 onclick="window.external.ImportExportFavorites(true,'http://localhost');">
203<input type=button value=导出收藏夹 onclick="window.external.ImportExportFavorites(false,'http://localhost');">
204<input type=button value=整理收藏夹 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
205<input type=button value=语言设置 onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
206<input type=button value=加入收藏夹 onclick="window.external.AddFavorite('http://www.google.com/', 'google')">
207<input type=button value=加入到频道 onclick="window.external.addChannel('http://www.google.com/')">
208<input type=button value=加入到频道 onclick="window.external.showBrowserUI('PrivacySettings',null)">
209//不缓存
210<META HTTP-EQUIV="pragma" CONTENT="no-cache">
211<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
212<META HTTP-EQUIV="expires" CONTENT="0">
213
214//正则匹配
215匹配中文字符的正则表达式： [\u4e00-\u9fa5]
216匹配双字节字符(包括汉字在内)：[^\x00-\xff]
217匹配空行的正则表达式：\n[\s| ]*\r
218匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/
219匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim函数）
220匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
221匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
222以下是例子：
223利用正则表达式限制网页表单里的文本框输入内容：
224用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
2251.用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
2262.用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
2273.用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
228//消除图像工具栏
229<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">
230or
231<head>
232<meta http-equiv="imagetoolbar" content="no">
233</head>
234//无提示关闭
235
236function Close()
237//取得控件得绝对位置(1)
262
263<script language="javascript">
264function getoffset(e)
265</script>
279//获得控件的绝对位置(2)
280oRect = obj.getBoundingClientRect();
281oRect.left
282oRect.
283//最小化,最大化,关闭
284<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
285<param name="Command" value="Minimize"></object>
286<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
287<param name="Command" value="Maximize"></object>
288<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
289<PARAM NAME="Command" value="Close"></OBJECT>
290<input type=button value=最小化 onclick=min.Click()>
291<input type=button value=最大化 onclick=max.Click()>
292<input type=button value=关闭 onclick=close.Click()>
293
294
295
296
297//光标停在文字最后
298<script language="javascript">
299function cc()
300</script>
308<input type=text name=text1 value="123" onfocus="cc()">
309//页面进入和退出的特效
310
311进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
312推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
313这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使
314用哪种特效，取值为1-23:
315　　0 矩形缩小
316　　1 矩形扩大
317　　2 圆形缩小
318　　3 圆形扩大
319　　4 下到上刷新
320　　5 上到下刷新
321　　6 左到右刷新
322　　7 右到左刷新
323　　8 竖百叶窗
324　　9 横百叶窗
325　　10 错位横百叶窗
326　　11 错位竖百叶窗
327　　12 点扩散
328　　13 左右到中间刷新
329　　14 中间到左右刷新
330　　15 中间到上下
331　　16 上下到中间
332　　17 右下到左上
333　　18 右上到左下
334　　19 左上到右下
335　　20 左下到右上
336　　21 横条
337　　22 竖条
338　　23
339//网页是否被检索
340<meta name="ROBOTS" content="属性值">
341　　其中属性值有以下一些:
342　　属性值为"all": 文件将被检索，且页上链接可被查询；
343　　属性值为"none": 文件不被检索，而且不查询页上的链接；
344　　属性值为"index": 文件将被检索；
345　　属性值为"follow": 查询页上的链接；
346　　属性值为"noindex": 文件不检索，但可被查询链接；
347　　属性值为"nofollow":
348
349//打印分页
350<p style="page-break-after:always">page1</p>
351<p style="page-break-after:always">page2</p>
352
353//设置打印
354
355<object id="factory" style="display:none" viewastext
356 classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
357 codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
358></object>
359<input type=button value=页面设置 onclick="factory.printing.PageSetup()">
360<input type=button value=打印预览 onclick="factory.printing.Preview()">
361
362<script language=javascript>
363function window.onload()
364</script>
386<input type=button value="打印本页" onclick="factory.printing.Print(false)">
387<input type=button value="页面设置" onclick="factory.printing.PageSetup()">
388<input type=button value="打印预览" onclick="factory.printing.Preview()"><br>
389<a href="http://www.meadroid.com/scriptx/docs/printdoc.htm?static" target=_blank>具体使用手册，更多信息，点这里</a>
390
391//自带的打印预览
392WebBrowser.ExecWB(1,1) 打开
393Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
394Web.ExecWB(4,1) 保存网页
395Web.ExecWB(6,1) 打印
396Web.ExecWB(7,1) 打印预览
397Web.ExecWB(8,1) 打印页面设置
398Web.ExecWB(10,1) 查看页面属性
399Web.ExecWB(15,1) 好像是撤销，有待确认
400Web.ExecWB(17,1) 全选
401Web.ExecWB(22,1) 刷新
402Web.ExecWB(45,1) 关闭窗体无提示
403<style media=print>
404</style>
407<object id="WebBrowser" width=0 height=0 classid="CLSID856F961-340A-11D0-A96B-00C04FD705A2">
408</object>
409
410<center class="Noprint" >
411<input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>
412<input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)>
413<input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>
414</p>
415<p> <input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)>
416</center>
417//去掉打印时的页眉页脚
418
419<script language="JavaScript">
420var HKEY_Root,HKEY_Path,HKEY_Key;
421HKEY_Root="HKEY_CURRENT_USER";
422HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
423//设置网页打印的页眉页脚为空
424function PageSetup_Null()
425//设置网页打印的页眉页脚为默认值
437function PageSetup_Default()
438</script>
450<input type="button" value="清空页码" onclick=PageSetup_Null()>
451<input type="button" value="恢复页码" onclick=PageSetup_Default()>
452//浏览器验证
453
454function checkBrowser()
455//计算内容宽和高
473<SCRIPT language="javascript">
474function test(obj)
475</SCRIPT>
482<BODY>
483<Textarea id="txt" height="150">sdf</textarea><INPUT type="button" value="计算内容宽度" onClick="test(txt)">
484</BODY>
485//无模式的提示框
486function modelessAlert(Msg)
487
492//屏蔽按键
493<html>
494<head>
495 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
496 <noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript>
497 <title>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键</title>
498</head>
499<body>
500<script language="Javascript">
890</script>
891</body>
892//可编辑SELECT
893<input type=text name=re_name style="width:100px;height:21px;font-size:10pt;"><span style="width:18px;border:0px solid red;"><select
894name="r00" style="margin-left:-100px;width:118px; background-colorFFEEEE;" onChange="document.all.re_name.value=this.value;">
895 <option value="1">11111111<option>
896 <option value="2">222222</option>
897 <option value="3">333333</option>
898 </select>
899 </span>
900
901
902
903

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航