JavaScript案例.docx
- 文档编号:6038242
- 上传时间:2023-01-03
- 格式:DOCX
- 页数:41
- 大小:32.80KB
JavaScript案例.docx
《JavaScript案例.docx》由会员分享,可在线阅读,更多相关《JavaScript案例.docx(41页珍藏版)》请在冰豆网上搜索。
JavaScript案例
•事件源对象
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) •锚 •网页传递参数 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对": "、"/"、";"和"? "也编码 •表格行指示 //各种尺寸 s+="\r\n网页可见区域宽: "+document.body.clientWidth; s+="\r\n网页可见区域高: "+document.body.clientHeight; s+="\r\n网页可见区域高: "+document.body.offsetWeight+"(包括边线的宽)"; s+="\r\n网页可见区域高: "+document.body.offsetHeight+"(包括边线的宽)"; s+="\r\n网页正文全文宽: "+document.body.scrollWidth; s+="\r\n网页正文全文高: "+document.body.scrollHeight; s+="\r\n网页被卷去的高: "+document.body.scrollTop; s+="\r\n网页被卷去的左: "+document.body.scrollLeft; s+="\r\n网页正文部分上: "+window.screenTop; s+="\r\n网页正文部分左: "+window.screenLeft; s+="\r\n屏幕分辨率的高: "+window.screen.height; s+="\r\n屏幕分辨率的宽: "+window.screen.width; s+="\r\n屏幕可用工作区高度: "+window.screen.availHeight; s+="\r\n屏幕可用工作区宽度: "+window.screen.availWidth;//过滤数字 //特殊用途 //不缓存 //正则匹配匹配中文字符的正则表达式: [\u4e00-\u9fa5] 匹配双字节字符(包括汉字在内): [^\x00-\xff] 匹配空行的正则表达式: \n[\s|]*\r 匹配HTML标记的正则表达式: /<(.*)>.*<\/\1>|<(.*)\/>/ 匹配首尾空格的正则表达式: (^\s*)|(\s*$)(像vbscript那样的trim函数) 匹配Email地址的正则表达式: \w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 匹配网址URL的正则表达式: http: //([\w-]+\.)+[\w-]+(/[\w-./? %&=]*)? 以下是例子: 利用正则表达式限制网页表单里的文本框输入内容: 用正则表达式限制只能输入中文: onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" 1.用正则表达式限制只能输入全角字符: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))" 2.用正则表达式限制只能输入数字: onkeyup="value=value.replace(/[^\d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 3.用正则表达式限制只能输入数字和英文: onkeyup="value=value.replace(/[\W]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"//消除图像工具栏 or //无提示关闭 functionClose() { varua=navigator.userAgent varie=navigator.appName=="MicrosoftInternetExplorer"? true: false if(ie) { varIEversion=parseFloat(ua.substring(ua.indexOf("MSIE")+5,ua.indexOf(";",ua.indexOf("MSIE")))) if(IEversion<5.5) { varstr=' ADB880A6-D8FF-11CF-9377-00AA003B7A11">' str+=' document.body.insertAdjacentHTML("beforeEnd",str); document.all.noTipClose.Click(); } else { window.opener=null; window.close(); } } else { window.close() } }//取得控件得绝对位置 (1) functiongetoffset(e) { vart=e.offsetTop; varl=e.offsetLeft; while(e=e.offsetParent) { t+=e.offsetTop; l+=e.offsetLeft; } varrec=newArray (1); rec[0]=t; rec[1]=l; returnrec } //获得控件的绝对位置 (2) oRect=obj.getBoundingClientRect(); oRect.left oRect.//最小化,最大化,关闭 //光标停在文字最后 functioncc() { vare=event.srcElement; varr=e.createTextRange(); r.moveStart('character',e.value.length); r.collapse(true); r.select(); } 进入页面 推出页面 这个是页面被载入和调出时的一些特效。 duration表示特效的持续时间,以秒为单位。 transition表示使 用哪种特效,取值为1-23: 0矩形缩小 1矩形扩大 2圆形缩小 3圆形扩大 4下到上刷新 5上到下刷新 6左到右刷新 7右到左刷新 8竖百叶窗 9横百叶窗 10错位横百叶窗 11错位竖百叶窗 12点扩散 13左右到中间刷新 14中间到左右刷新 15中间到上下 16上下到中间 17右下到左上 18右上到左下 19左上到右下 20左下到右上 21横条 22竖条 23//网页是否被检索 //打印分页 //设置打印 none"viewastext classid="clsid: 1663ed61-23eb-11d2-b92f-008048fdd814" codebase=" > functionwindow.onload() { //--advancedfeatures factory.printing.SetMarginMeasure (2)//measuremarginsininches factory.printing.SetPageRange(false,1,3)//needpagesfrom1to3 factory.printing.printer="HPDeskJet870C" factory.printing.copies=2 factory.printing.collate=true factory.printing.paperSize="A4" factory.printing.paperSource="Manualfeed" //--basicfeatures factory.printing.header="居左显示&b居中显示&b居右显示页码,第&p页/共&P页" factory.printing.footer="(自定义页脚)" factory.printing.portrait=false factory.printing.leftMargin=0.75 factory.printing.topMargin=1.5 factory.printing.rightMargin=0.75 factory.printing.bottomMargin=1.5 } functionPrint(frame){ factory.printing.Print(true,frame)//printwithprompt } //自带的打印预览 WebBrowser.ExecWB(1,1)打开 Web.ExecWB(2,1)关闭现在所有的IE窗口,并打开一个新窗口 Web.ExecWB(4,1)保存网页 Web.ExecWB(6,1)打印 Web.ExecWB(7,1)打印预览 Web.ExecWB(8,1)打印页面设置 Web.ExecWB(10,1)查看页面属性 Web.ExecWB(15,1)好像是撤销,有待确认 Web.ExecWB(17,1)全选 Web.ExecWB(22,1)刷新 Web.ExecWB(45,1)关闭窗体无提示 .Noprint{display: none;} --用本样式在打印时隐藏非打印项目--> .PageNext{page-break-after: always;} --控制分页--> 8856F961-340A-11D0-A96B-00C04FD705A2">
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JavaScript 案例