web开发常用小技巧.doc

上传人：二***

文档编号：4768078

上传时间：2024-10-12

格式：DOC

页数：96

大小：657KB

《web开发常用小技巧.doc》由会员分享，可在线阅读，更多相关《web开发常用小技巧.doc（96页珍藏版）》请在咨信网上搜索。

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" · 自动刷新 <meta HTTP-EQUIV="refresh" CONTENT="8;URL="> · 简单邮件 <a href="mailto:aaa@?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:'+ ' · 关闭输入法 <input style="ime-mode:disabled"> · 自动全选 <input type=text name=text1 value="123" onfocus="this.select()"> · ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9"> · 文本框的默认值 <input type=text value="123" onfocus="alert(this.defaultValue)"> · title换行 obj.title = "123&#13sdfs&#32" · 获得时间所代表的微秒 var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() · 窗口是否关闭 win.closed · checkbox扁平 <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br> · 获取选中内容 document.selection.createRange().duplicate().text · 自动完成功能 <input type=text autocomplete=on>打开该功能 <input type=text autocomplete=off>关闭该功能 · 窗口最大化 <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> · 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); · 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码 · 表格行指示 <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'"> · 锚 <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:'+ ' · 关闭输入法 <input style="ime-mode:disabled"> · 自动全选 <input type=text name=text1 value="123" onfocus="this.select()"> · ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9"> · 文本框的默认值 <input type=text value="123" onfocus="alert(this.defaultValue)"> · title换行 obj.title = "123&#13sdfs&#32" · 获得时间所代表的微秒 var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() · 窗口是否关闭 win.closed · checkbox扁平 <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br> · 获取选中内容 document.selection.createRange().duplicate().text · 自动完成功能 <input type=text autocomplete=on>打开该功能 <input type=text autocomplete=off>关闭该功能 · 窗口最大化 <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> · 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); · 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码 · 表格行指示 <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'"> · 自动刷新 <meta HTTP-EQUIV="refresh" CONTENT="8;URL="> · 简单邮件 <a href="mailto:aaa@?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:'+ ' · 关闭输入法 <input style="ime-mode:disabled"> · 自动全选 <input type=text name=text1 value="123" onfocus="this.select()"> · ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9"> · 文本框的默认值 <input type=text value="123" onfocus="alert(this.defaultValue)"> · title换行 obj.title = "123&#13sdfs&#32" · 获得时间所代表的微秒 var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() · 窗口是否关闭 win.closed · checkbox扁平 <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br> · 获取选中内容 document.selection.createRange().duplicate().text · 自动完成功能 <input type=text autocomplete=on>打开该功能 <input type=text autocomplete=off>关闭该功能 · 窗口最大化 <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> · 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); · 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码 · 表格行指示 <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'"> · 锚 <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:'+ ' · 关闭输入法 <input style="ime-mode:disabled"> · 自动全选 <input type=text name=text1 value="123" onfocus="this.select()"> · ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9"> · 文本框的默认值 <input type=text value="123" onfocus="alert(this.defaultValue)"> · title换行 obj.title = "123&#13sdfs&#32" · 获得时间所代表的微秒 var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() · 窗口是否关闭 win.closed · checkbox扁平 <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br> · 获取选中内容 document.selection.createRange().duplicate().text · 自动完成功能 <input type=text autocomplete=on>打开该功能 <input type=text autocomplete=off>关闭该功能 · 窗口最大化 <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> · 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); · 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码 · 表格行指示 <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'"> · 隐藏焦点 hidefocus=true · 根据宽度换行 style="word-break:break-all" · 自动刷新 <meta HTTP-EQUIV="refresh" CONTENT="8;URL="> · 简单邮件 <a href="mailto:aaa@?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:'+ ' · 关闭输入法 <input style="ime-mode:disabled"> · 自动全选 <input type=text name=text1 value="123" onfocus="this.select()"> · ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9"> · 文本框的默认值 <input type=text value="123" onfocus="alert(this.defaultValue)"> · title换行 obj.title = "123&#13sdfs&#32" · 获得时间所代表的微秒 var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() · 窗口是否关闭 win.closed · checkbox扁平 <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br> · 获取选中内容 document.selection.createRange().duplicate().text · 自动完成功能 <input type=text autocomplete=on>打开该功能 <input type=text autocomplete=off>关闭该功能 · 窗口最大化 <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> · 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); · 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码 · 表格行指示 <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'"> · 锚 <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

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档保存到电脑，查找使用更方便

5 金币

申诉本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请申请举报、认领或删除 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: web 开发常用技巧

咨信网温馨提示：
1、咨信平台为文档C2C交易模式，即用户上传的文档直接被用户下载，收益归上传人（含作者）所有；本站仅是提供信息存储空间和展示预览，仅对用户上传内容的表现方式做保护处理，对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿，我们不确定上传用户享有完全著作权，根据《信息网络传播权保护条例》，如果侵犯了您的版权、权益或隐私，请联系我们，核实后会尽快下架及时删除，并可随时和客服了解处理情况，尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确)，网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据，个别因单元格分列造成显示页码不一将协商解决，平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺，下载前须认真查看，确认无误后再购买，务必慎重购买；若有违法违纪将进行移交司法处理，若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传，付费前请自行鉴别，如您付费，意味着您已接受本站规则且自行承担风险，本站不进行额外附加服务，虚拟产品一经售出概不退款（未进行购买下载可退充值款），文档一经付费（服务费）、不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印，是因预览和防盗链等技术需要对页面进行转换压缩成图而已，我们并不对上传的文档进行任何编辑或修改，文档下载后都不会有水印标识（原文档上传前个别存留的除外），下载后原文更清晰；试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓；PPT和DOC文档可被视为“模板”，允许上传人保留章节、目录结构的情况下删减部份的内容；PDF文档不管是原文档转换或图片扫描而得，本站不作要求视为允许，下载前自行私信或留言给上传者【二***】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用；网站提供的党政主题相关内容(国旗、国徽、党徽－－等)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
6、文档遇到问题，请及时私信或留言给本站上传会员【二***】，需本站解决可联系【微信客服】、【 QQ客服】，若有其他问题请点击或扫码反馈【服务填表】；文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“【版权申诉】”（推荐），意见反馈和侵权处理邮箱：1219186828@qq.com；也可以拔打客服电话：4008-655-100；投诉/维权电话：4009-655-100。

关于本文

本文标题：web开发常用小技巧.doc
链接地址：https://www.zixin.com.cn/doc/4768078.html

二***

内容提供者

实名认证

查看上传人更多文档

部分上传会员的收益排行 01、路***（￥15400+），
02、曲****（￥15300+），
03、wei****016（￥13200+）,
04、大***流（￥12600+），
05、Fis****915（￥4200+），
06、h****i（￥4100+），
07、Q**（￥3400+），
08、自******点（￥2400+），
09、h*****x（￥1400+），
10、c****e（￥1100+）,
11、be*****ha（￥800+），
12、13********8（￥800+）。

相似文档

自信AI助手