我们爱分享----200多个js技巧代码(3)----学习用

最新推荐文章于 2024-07-19 15:13:24 发布

rainX

最新推荐文章于 2024-07-19 15:13:24 发布

阅读量343

点赞数

分类专栏： javascript 文章标签： javascript behavior vb.net file button border

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

82.event.x,event.clientX,event.offsetX区别：x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。 offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。screenX:相对于用户屏幕。 83.显示是鼠标按钮的哪个 < body onMouseDown ="alert(event.button)" > 点Mouse看看//84.打开C盘 < form action ="file:///c|/" >< input type ="submit" value ="c:\ drive" ></ form > // 85.当前屏幕的分辨率screen.width、screen.height//86.设置表格中的内容tbl.rows[0].cells[1].innerText=document.form.text1.value;// 87.本地快捷键 < p >< a href ="file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}" target ="_blank" > 网上邻居 </ a ></ p > < p >< a href ="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\d:\web" target ="_blank" > 我的电脑 </ a ></ p > < p >< a href ="file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}" target ="_blank" > 我的文档 </ a ></ p > < p >< a href ="file:///::{645FF040-5081-101B-9F08-00AA002F954E}" target ="_blank" > 回收站 </ a ></ p > < p >< a href ="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\::{21EC2020-3AEA-1069-A2DD-08002B30309D}" target ="_blank" > 控制面板 </ a ></ p > < p >< a href ="file:///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}" > 拨号网络 </ a > (windows 2000) </ p > 88.IE菜单 < button onclick ="min.Click()" >< font face ="webdings" > 0 </ font ></ button > //改变按钮上的图片 < input type =button onclick ="document.execCommand('CreateLink','true','true')" > //创建新连接 < input type =button onclick ="document.execCommand('print','true','true')" > //打印 < input type =button onclick ="document.execCommand('saveas','true','网站制作.htm')" > //另存为htm < input type =button onclick ="document.execCommand('saveas','true','网站制作.txt')" > //另存为txtdocument.execCommand("SaveAs")//保存为document.execCommand('undo')//撤销上一次操作89.web对话框 < SCRIPT > var contents = ' <style>body,td{font:menu}img{cursor:hand}</style> ' ;contents += ' <title>你要关闭我吗</title> ' ;contents += ' <body bgcolor=menu> ' ;contents += ' <table width=100% height=100% border=0> ' ;contents += ' <tr><td align=center> ' ;contents += ' 你要关闭我吗？<br> ' ;contents += ' <img src=dark.gif οnclick=self.close() alt="...关闭"> ' ;contents += ' <img src=jet.gif οnclick=self.close() alt="全是关闭"> ' ;contents += ' </td></tr></table> ' ;showModalDialog( " about: " + contents + "" , "" , " dialogHeight:50px;dialogWidth:250px;help:no;status:no " )document.write(contents); </ SCRIPT > //90.取第x,y的值 < button onclick ="t1.rows[x].cells[y].innerText='guoguo'" ></ button > //91.向新打开的网页上写内容newwin=window.open('about:blank','','top=10');newwin.document.write('');//93.返回javascript:history.go(-2);//94.将页面上选中的内容复制到剪贴板abcdefg < input type ='button' onclick ="window.clipboardData.setData('text',document.selection.createRange().text);" value ='复制页面选中的字符' > //95.将页面上选中的内容复制到剪贴板 < INPUT TYPE ="text" NAME ="" > kjhkjhkhkj < INPUT TYPE ="button" onclick ="document.execCommand('Copy', 'false',null);" > 96.鼠标移到下拉框时自动全部打开 < select onmouseover ="javascript:this.size=this.length" onmouseout ="javascript:this.size=1" ></ select > //97.获得本机的文件var fso = new ActiveXObject("Scripting.FileSystemObject");var f1 = fso.GetFile("C:\\bsitcdata\\ejbhome.xml");alert("File last modified: " + f1.DateLastModified); //98.判断客户端是否是IE浏览器因为 document.all 是 IE 的特有属性，所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;99.创建新的下拉框选项new Option(text,value)这样的函数//100.在页面上画柱状图 < STYLE > td { font-size : 12px } body { font-size : 12px } v\:* { behavior : url(#default#VML) ; } //这里声明了v作为VML公用变量 </ STYLE > < SCRIPT LANGUAGE ="JavaScript" > mathstr = 12 ;document.write ( " <v:rect fillcolor='red'style='width:20;color:navy;height: " + 5000 / (1000 / mathstr) + " '><br> % " + mathstr + " <br>4人<v:Extrusionbackdepth='15pt' on='true'/></v:rect> " ) </ SCRIPT > < v:rect fillcolor ='red' style ='width:20;color:navy;height:200' >< br > %12 < br > 4人 < v:Extrusion backdepth ='15pt' on ='true' /></ v:rect > < v:rect fillcolor ='yellow' style ='width:20;color:navy;height:100' >< br > %12 < br > 4人 < v:Extrusion backdepth ='15pt' on ='true' /></ v:rect > // 101.饼图 < style > v\:* { behavior : url(#default#VML) } o\:* { behavior : url(#default#VML) } .shape { behavior : url(#default#VML) } </ style > < script language ="javascript" > function show(pie){pie.strokecolor = pie.fillcolor;pie.strokeweight = 10 ;div1.innerHTML = " <font size=2 color=red> " + pie.id + " </font> <font size=2> " + pie.title + " </font> " ;} function hide(pie){pie.strokecolor = " white " ;pie.strokeweight = 1 ;div1.innerHTML = "" ;} </ script > </ head > < body > < v:group style ='width: 5cm; height: 5cm' coordorigin ='0,0' coordsize ='250,250' > < v:shape id ='asp技术' style ='width:10;height:10;top:10;left:0' title ='得票数:6 比例:40.00%'onmouseover ='javascript:show(this);' onmouseout ='javascript:hide(this);' href ='http://www.cnADO.com' CoordSize ='10,10' strokecolor ='white' fillcolor ='#ffff33' >< v:path v ='m 300,200 ae300,200,200,150,0,9437184 xe' /></ v:shape > < v:shape id ='php' style ='width:10;height:10;top:10;left:0' title ='得票数:1 比例:6.67%'onmouseover ='javascript:show(this);' onmouseout ='javascript:hide(this);' href ='http://www.cnADO.com' CoordSize ='10,10' strokecolor ='white' fillcolor ='#ff9933' >< v:path v ='m 300,200 ae300,200,200,150,9437184,1572864 xe' /></ v:shape > < v:shape id ='jsp' style ='width:10;height:10;top:10;left:0' title ='得票数:2 比例:13.33%'onmouseover ='javascript:show(this);' onmouseout ='javascript:hide(this);' href ='http://www.cnADO.com' CoordSize ='10,10' strokecolor ='white' fillcolor ='#3399ff' >< v:path v ='m 300,200 ae300,200,200,150,11010048,3145728 xe' /></ v:shape > < v:shape id ='c#写的.netWEB程序' style ='width:10;height:10;top:10;left:0' title ='得票数:3 比例:20.00%'onmouseover ='javascript:show(this);' onmouseout ='javascript:hide(this);' href ='http://www.cnADO.com' CoordSize ='10,10' strokecolor ='white' fillcolor ='#99ff33' >< v:path v ='m 300,200 ae300,200,200,150,14155776,4718592 xe' /></ v:shape > < v:shape id ='vb.net写的.netWEB程序' style ='width:10;height:10;top:10;left:0' title ='得票数:2 比例:13.33%'onmouseover ='javascript:show(this);' onmouseout ='javascript:hide(this);' href ='http://www.cnADO.com' CoordSize ='10,10' strokecolor ='white' fillcolor ='#ff6600' >< v:path v ='m 300,200 ae300,200,200,150,18874368,3145728 xe' /></ v:shape > < v:shape id ='xml技术' style ='width:10;height:10;top:10;left:0' title ='得票数:1 比例:6.67%'onmouseover ='javascript:show(this);' onmouseout ='javascript:hide(this);' href ='http://www.cnADO.com' CoordSize ='10,10' strokecolor ='white' fillcolor ='#ff99ff' >< v:path v ='m 300,200 ae300,200,200,150,22020096,1572864 xe' /></ v:shape > </ v:group > < v:group style ='width: 6cm; height: 6cm' coordorigin ='0,0' coordsize ='250,250' > < v:rect style ='height:10;width:15;top:0;left:10' fillcolor ='#ffff33' /> < v:rect style ='height:28;width:100;top:0;left:30' stroked ='false' >< v:textbox style ='fontsize:2' > asp技术 </ v:textbox/ ></ v:rect > < v:rect style ='height:10;width:15;top:30;left:10' fillcolor ='#ff9933' /> < v:rect style ='height:28;width:100;top:30;left:30' stroked ='false' >< v:textbox style ='fontsize:2' > php </ v:textbox/ ></ v:rect > < v:rect style ='height:10;width:15;top:60;left:10' fillcolor ='#3399ff' /> < v:rect style ='height:28;width:100;top:60;left:30' stroked ='false' >< v:textbox style ='fontsize:2' > jsp </ v:textbox/ ></ v:rect > < v:rect style ='height:10;width:15;top:90;left:10' fillcolor ='#99ff33' /> < v:rect style ='height:28;width:100;top:90;left:30' stroked ='false' >< v:textbox style ='fontsize:2' > c#写的.netWEB程序 </ v:textbox/ ></ v:rect > < v:rect style ='height:10;width:15;top:120;left:10' fillcolor ='#ff6600' /> < v:rect style ='height:28;width:100;top:120;left:30' stroked ='false' >< v:textbox style ='fontsize:2' > vb.net写的.netWEB程序 </ v:textbox/ ></ v:rect > < v:rect style ='height:10;width:15;top:150;left:10' fillcolor ='#ff99ff' /> < v:rect style ='height:28;width:100;top:150;left:30' stroked ='false' >< v:textbox style ='fontsize:2' > xml技术 </ v:textbox/ ></ v:rect > </ v:group > < div style ="position: absolute; left: 10; top: 10; width: 760; height:16" > < table border ="1" cellpadding ="2" cellspacing ="2" cellpadding ="0" cellspacing ="0" style ="border-collapse: collapse" bordercolor ="#CCCCCC" width ="100%" ID ="Table1" > < tr > < td width ="100%" id =div1 > 　 </ td > </ tr > </ table > </ div > //102.是一个特殊的容器，想装个网页都行 < button >< iframe src ="http://www.google.com/" ></ iframe ></ button > //button103.外部的html代码event.srcElement.outerHTML//104.标识当前的IE事件的触发器event.srcElement和event.keyCode//105.事件类型event.type//

rainX

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
我们爱分享----200多个js技巧代码(3)----学习用

82.event.x,event.clientX,event.offsetX区别：x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。 offsetx：设置或者是得到鼠标相对于目标事件的父
复制链接

扫一扫