200多个js技巧代码(三)

来源：互联网发布：系统优化下载编辑：程序博客网时间：2024/05/21 10:24
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+='你要关闭我吗？';contents+='<img src=dark.gif onclick=self.close() alt="...关闭">';contents+='<img src=jet.gif onclick=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)+"'> %"+mathstr+"4人<v:Extrusion backdepth='15pt' on='true'/></v:rect>")</SCRIPT><v:rect fillcolor='red' style='width:20;color:navy;height:200'>%124人<v:Extrusion backdepth='15pt' on='true'/></v:rect><v:rect fillcolor='yellow' style='width:20;color:navy;height:100'>%124人<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 ae 300,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 ae 300,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 ae 300,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 ae 300,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 ae 300,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 ae 300,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>//button 103.外部的html代码event.srcElement.outerHTML// 104.标识当前的IE事件的触发器event.srcElement和event.keyCode// 105.事件类型event.type//