200多个js技巧代码(三)
81.动态的向表格中添加行
<table id="t1" border="1">
</table>
<script language="JavaScript">
function add()
{
t1.insertRow().insertCell().innerHTML = '<input name="test'+t1.rows.length+'">';
}
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')">//另存为txt document.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:Extrusion backdepth='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 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//
106.动态改变类型 <style> .Overnone { border-width:0;background-color:darkblue;cursor:default;color:gold;width:115} .Outnone {border-width:0;background-color:white;cursor:default;width:115}</style><input class=Outnone onmouseover=this.className='Overnone' >// 107.页面翻转 <html dir=rtl></html>// 108.滚屏 parent.scroll(x,y);// <body onload="s=0" onDblClick="s=setInterval('scrollBy(0, 1)',10)" onClick="clearInterval(s)">// 109.改变状态栏 self.status ="";// 110.改变窗口大小 window.resizeTo(200,300);// 111.改变鼠标样式 style BODY{CURSOR: url('mouse.ani'); SCROLLBAR-BASE-COLOR: #506AA8; SCROLLBAR-ARROW-COLOR: #14213F; }// 112.背景透明 <input type="button" value="Button" style="background-color: transparent; border: 0;">// 113.鼠标为等待形状 <input type=button onclick="this.style.cursor='wait'">// 114.调用父窗口的函数 opener.fucntion1();// 115.body的内部html代码 <input type="button" onclick="alert(code.document.body.innerHTML)" value="查看">// 116.框架中调用父窗口的函数 <INPUT TYPE='button' onclick='parent.test();' value='调用parent窗口的函数'>// 117.交换节点 <table width=200 height=200 border><tr><td id=c1>CELL_1</td></tr><tr><td id=c2>CELL_2</td></tr></table><br><input type="button" value="swap row" onclick="c1.swapNode(c2)">// 118.删除节点 <table width=200 height=200 border><tr id=trall><td id=c1>CELL_1</td></tr><tr><td id=c2>CELL_2</td></tr></table><br><input type="button" value="swap row" onclick="trall.removeNode(c2)">// 119.添加节点 addNode()// 120.获得事件的父与子标签 event.srcElement.children[0]和event.srcElement.parentElement //
105.事件类型 event.type//