资源描述
js技巧收集.docx
《js技巧收集.docx》由会员分享,可在线阅读,更多相关《js技巧收集.docx(39页珍藏版)》请在冰豆网上搜索。
![js技巧收集.docx](https://file1.bdocx.com/fileroot1/2023-2/7/3460fee4-5e39-414e-8e53-740c22d04edc/3460fee4-5e39-414e-8e53-740c22d04edc1.gif)
js技巧收集
1饼图
v\:
*{behavior:
url(#default#VML)}
o\:
*{behavior:
url(#default#VML)}
.shape{behavior:
url(#default#VML)}
functionshow(pie)
{
pie.strokecolor=pie.fillcolor;
pie.strokeweight=10;
div1.innerHTML=""+pie.id+""+pie.title+"";
}
functionhide(pie)
{
pie.strokecolor="white";
pie.strokeweight=1;
div1.innerHTML="";
}
groupstyle='width:
5cm;height:
5cm'coordorigin='0,0'coordsize='250,250'>
shapeid='asp技术'style='width:
10;height:
10;top:
10;left:
0'title='得票数:
6比例:
40.00%'
onmouseover='javascript:
show(this);'onmouseout='javascript:
hide(this);'href='ADO.com'
CoordSize='10,10'strokecolor='white'fillcolor='#ffff33'>pathv='m300,200ae
300,200,200,150,0,9437184xe'/>
shape>
shapeid='php'style='width:
10;height:
10;top:
10;left:
0'title='得票数:
1比例:
6.67%'
onmouseover='javascript:
show(this);'onmouseout='javascript:
hide(this);'href='ADO.com'
CoordSize='10,10'strokecolor='white'fillcolor='#ff9933'>pathv='m300,200ae
300,200,200,150,9437184,1572864xe'/>
shape>
shapeid='jsp'style='width:
10;height:
10;top:
10;left:
0'title='得票数:
2比例:
13.33%'
onmouseover='javascript:
show(this);'onmouseout='javascript:
hide(this);'href='ADO.com'
CoordSize='10,10'strokecolor='white'fillcolor='#3399ff'>pathv='m300,200ae
300,200,200,150,11010048,3145728xe'/>
shape>
shapeid='c#写的.netWEB程序'style='width:
10;height:
10;top:
10;left:
0'title='得票数:
3比例:
20.00%'
onmouseover='javascript:
show(this);'onmouseout='javascript:
hide(this);'href='ADO.com'
CoordSize='10,10'strokecolor='white'fillcolor='#99ff33'>pathv='m300,200ae
300,200,200,150,14155776,4718592xe'/>
shape>
shapeid='写的.netWEB程序'style='width:
10;height:
10;top:
10;left:
0'title='得票数:
2比例:
13.33%'
onmouseover='javascript:
show(this);'onmouseout='javascript:
hide(this);'href='ADO.com'
CoordSize='10,10'strokecolor='white'fillcolor='#ff6600'>pathv='m300,200ae
300,200,200,150,18874368,3145728xe'/>
shape>
shapeid='xml技术'style='width:
10;height:
10;top:
10;left:
0'title='得票数:
1比例:
6.67%'
onmouseover='javascript:
show(this);'onmouseout='javascript:
hide(this);'href='ADO.com'
CoordSize='10,10'strokecolor='white'fillcolor='#ff99ff'>pathv='m300,200ae
300,200,200,150,22020096,1572864xe'/>
shape>
group>
groupstyle='width:
6cm;height:
6cm'coordorigin='0,0'coordsize='250,250'>
rectstyle='height:
10;width:
15;top:
0;left:
10'fillcolor='#ffff33'/>
rectstyle='height:
28;width:
100;top:
0;left:
30'stroked='false'>textbox
style='fontsize:
2'>asp技术
textbox/>
rect>
rectstyle='height:
10;width:
15;top:
30;left:
10'fillcolor='#ff9933'/>
rectstyle='height:
28;width:
100;top:
30;left:
30'stroked='false'>textbox
style='fontsize:
2'>php
textbox/>
rect>
rectstyle='height:
10;width:
15;top:
60;left:
10'fillcolor='#3399ff'/>
rectstyle='height:
28;width:
100;top:
60;left:
30'stroked='false'>textbox
style='fontsize:
2'>jsp
textbox/>
rect>
rectstyle='height:
10;width:
15;top:
90;left:
10'fillcolor='#99ff33'/>
rectstyle='height:
28;width:
100;top:
90;left:
30'stroked='false'>textbox
style='fontsize:
2'>c#写的.netWEB程序
textbox/>
rect>
rectstyle='height:
10;width:
15;top:
120;left:
10'fillcolor='#ff6600'/>
rectstyle='height:
28;width:
100;top:
120;left:
30'stroked='false'>textboxstyle='fontsize:
2'>
写的.netWEB程序
textbox/>
rect>
rectstyle='height:
10;width:
15;top:
150;left:
10'fillcolor='#ff99ff'/>
rectstyle='height:
28;width:
100;top:
150;left:
30'stroked='false'>textboxstyle='fontsize:
2'>xml技术
textbox/>
rect>
group>
absolute;left:
10;top:
10;width:
760;height:
16">
style="border-collapse:
collapse"bordercolor="#CCCCCC"width="100%"ID="Table1">
|
//
2一个特殊的容器,想装个网页都行
//
18删除节点
CELL_1
CELL_2
//
19添加节点
addNode()//
20获得事件的父与子标签
event.srcElement.children[0]和event.srcElement.parentElement//
21集中为按钮改变颜色
button{benc:
expression(this.onfocus=function(){this.style.backgroundColor='#E5F0FF';})}
//
22判断是左键还是右键被按下
//
23获得操作系统的名称和浏览器的名称
document.write(navigator.userAgent)//
24alt/ctrl/shift键按下
event.altKey//按下alt键
event.ctrlKey//按下ctrl键
event.shiftKey//按下shift键
25将当前位置定位为C盘。
{window.location="c:
"}//
26返回输入框的类型
alert(event.srcElement.type);//
27模拟控件的单击事件
--
functionhaha()
{
alert();
}
guoguo.click();
//-->
//
28取出记录集的列名
java.sql.ResultSetrset=com.bsitc.util.DBAssist.getIT().executeQuery(queryStatement,conn);
java.sql.ResultSetMetaDatametaData=rset.getMetaData();
intcount=metaData.getColumnCount();
Stringname=metaData.getColumnName(i);
Stringvalue=rset.getString(i);//
29格式化数字
functionformat_number(str,digit)
{
if(isNaN(str))
{
alert("您传入的值不是数字!
");
return0;
}
elseif(Math.round(digit)!
=digit)
{
alert("您输入的小数位数不是整数!
");
return0;
}
else
returnMath.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit);
}
30回车按钮转化为tab按钮
if(event.keyCode==13)event.keyCode=9;//将
31滚动条滚动
Scroll
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
//
32判断是什么对象
if(typeof(unknown)=="function")returntrue;
if(typeof(unknown)!
="object")returnfalse;//
33取消文本框自动完成功能
//
34让下拉框自动下拉
this.size=this.length"onmouseout="javascript:
this.size=1">
1
2
3
//
35读取XML文件
varchildrenobj=myselect//document.all.myselect;
varoXMLDoc=newActiveXObject('MSXML');
oXMLDoc.url="mymsg.xml";
varoRoot=oXMLDoc.root;
if(oRoot.children!
=null)
{
for(vari=0;i{
oItem=oRoot.children.item(0).children.item(i);
oOption=newOption(oItem.text,oItem.value);
childrenobj.add(oOption);
}
}
//mymsg.xml文件
xmlversion="1.0"encoding="gb2312"?
>
杭州地区
温州地区
台州地区
丽水地区
//
36点击图片,图片停止
">//
37显示本地计算机信息
varWshNetwork=newActiveXObject("WScript.Network");
alert("Domain="+WshNetwork.UserDomain);
alert("ComputerName="+WshNetwork.ComputerName);
alert("UserName="+WshNetwork.UserName);//
38比较时间
tDate=newDate(2004,01,08,14,35);//年,月,日,时,分
dDate=newDate();
tDatealert("早于"):
alert("晚于");//
39弹出鼠标所在处的链结地址
href=">dddd
//
40注意不能通过与undefined做比较来测试一个变量是否存在,虽然可以检查它的类型是否为“undefined”
在以下的代码范例中,假设程序员想测试是否已经声明变量x:
//这种方法不起作用
if(x==undefined)
//作某些操作
//这个方法同样不起作用-必须检查
//字符串"undefined"
if(typeof(x)==undefined)
//作某些操作
//这个方法有效
if(typeof(x)=="undefined")
//作某些操作
41创建具有某些属性的对象
varmyObject=newObject();
myObject.name="James";
myObject.age="22";
myObject.phone="5551234";//
42枚举(循环)对象的所有属性
for(varainmyObject)
{
//显示"Theproperty'name'isJames",等等。
window.alert("Theproperty'"+a+"'is"+myObject[a]);
}//
43判断一个数字是否是整数
vara=23.2;
alert(a%1==1)//
44新建日期型变量
vara=newDate(2000,1,1);
alert(a.toLocaleDateString());
45给类定义新的方法
functiontrim_1()
{
returnthis.replace(/(^\s*)|(\s*$)/g,"");
}
String.prototype.trim=trim_1;
alert('cindy'.trim());
46定义一个将日期类型转化为字符串的方法
functionguoguo_date()
{
vartmp1,tmp2;
tmp1=this.getMonth()+1+"";
if(tmp1.length<2)
tmp1="0"+tmp1;
tmp2=this.getDate()+"";
if(tmp2.length<2)