我们爱分享----200多个js技巧代码(3)----学习用
2011-09-09 16:48
579 查看
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
<
4000
/span>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 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)+"'><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:Extrusionbackdepth='15pt'
on='true'/></v:rect><v:rect
fillcolor='yellow'
style='width:20;color:navy;height:100'><br>%12<br>4人<v:Extrusionbackdepth='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:textboxstyle='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:textboxstyle='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:textboxstyle='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:textboxstyle='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//
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
<
4000
/span>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 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)+"'><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:Extrusionbackdepth='15pt'
on='true'/></v:rect><v:rect
fillcolor='yellow'
style='width:20;color:navy;height:100'><br>%12<br>4人<v:Extrusionbackdepth='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:textboxstyle='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:textboxstyle='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:textboxstyle='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:textboxstyle='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//
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 我们爱分享----200多个js技巧代码(1)----学习用
- 我们爱分享----200多个js技巧代码(2)----学习用
- 我们爱分享----200多个js技巧代码(4)----学习用
- 我们爱分享----200多个js技巧代码(5)----学习用
- 我们爱分享----200多个js技巧代码
- 我们爱分享----200多个js技巧代码
- 我们爱分享----200多个js技巧代码
- 我们爱分享----200多个js技巧代码【补全】
- 我们爱分享----200多个js技巧代码
- [推荐] 我们爱分享----200多个js技巧代码
- 我们爱分享----200多个js技巧代码
- 与大家分享一下200多个js技巧代码，不看别后海呀
- 200多个js技巧代码
- js经典代码技巧学习之一：使用三元运算符处理javascript兼容
- 200多个js技巧代码
- 200多个js技巧代码(四)
- 200多个js技巧代码(二)
- 200多个js技巧代码
- 200多个js技巧代码
- 200多个js技巧代码