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

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.改变鼠标样式styleBODY{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 // 121.集中为按钮改变颜色 < style > button { benc : expression(this.onfocus = function(){this.style.backgroundColor='#E5F0FF' ; } )} </ style > < button > New </ button > //122.判断是左键还是右键被按下 < body onmousedown =if(event.button==1)alert("左键");if(event.button==2)alert("右键") > //123.获得操作系统的名称和浏览器的名称document.write(navigator.userAgent)// 124.alt/ctrl/shift键按下event.altKey //按下alt键event.ctrlKey //按下ctrl键event.shiftKey //按下shift键 125.将当前位置定位为C盘。{window.location="c:"}//126.返回输入框的类型 < script > alert(event.srcElement.type); // </ script > 127.模拟控件的单击事件 < INPUT TYPE ="hidden" name ="guoguo" onclick ="haha()" > < SCRIPT LANGUAGE ="JavaScript" > <!-- function haha(){ alert();}guoguo.click(); // --> </ SCRIPT > // 128.取出记录集的列名java.sql.ResultSet rset = com.bsitc.util.DBAssist.getIT().executeQuery(queryStatement, conn);java.sql.ResultSetMetaData metaData = rset.getMetaData();int count = metaData.getColumnCount();String name = metaData.getColumnName(i);String value = rset.getString(i);//129.格式化数字function format_number(str,digit){ if(isNaN(str)) { alert("您传入的值不是数字！"); return 0; } else if(Math.round(digit)!=digit) { alert("您输入的小数位数不是整数！"); return 0; } else return Math.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit);}130.回车按钮转化为tab按钮if(event.keyCode==13) event.keyCode=9; //将 131.滚动条滚动 < button onclick ="text1.scrollTop=text1.scrollHeight" > Scroll </ button >< br > < textarea id ="text1" cols =50 rows =10 > 111111111111111 </ textarea > // 132.判断是什么对象if(typeof(unknown)=="function")return true;if(typeof(unknown)!="object")return false;// 133.取消文本框自动完成功能 < input type ="text" autocomplete ="off" > //134.让下拉框自动下拉 < select onmouseover ="javascript:this.size=this.length" onmouseout ="javascript:this.size=1" > < option value ="" > 1 </ option > < option value ="" > 2 </ option > < option value ="" > 3 </ option > </ select > // 135.读取XML文件var childrenobj=myselect//document.all.myselect; var oXMLDoc = new ActiveXObject('MSXML'); oXMLDoc.url = "mymsg.xml"; var oRoot=oXMLDoc.root; if(oRoot.children != null) { for(var i=0;i < oRoot .children.item(0).children.length;++i) { oItem = oRoot.children.item(0).children.item(i); oOption = new Option(oItem.text,oItem.value); childrenobj.add(oOption); } }//mymsg.xml文件<?xml version ="1.0" encoding ="gb2312" ? > < childrenlist > < aa > < child value ='3301' > 杭州地区 </ child > < child value ='3303' > 温州地区 </ child > </ aa > < aa > < child value ='3310' > 台州地区 </ child > < child value ='3311' > 丽水地区 </ child > </ aa > </ childrenlist > // 136.点击图片，图片停止 < a href ="javascript:" >< img src ="http://www.51js.com/images/51js/red_forum.gif" border ="0" ></ a > //137.显示本地计算机信息var WshNetwork = new ActiveXObject("WScript.Network");alert("Domain = " + WshNetwork.UserDomain);alert("Computer Name = " + WshNetwork.ComputerName);alert("User Name = " + WshNetwork.UserName);// 138.比较时间 tDate = new Date(2004,01,08,14,35); //年,月，日，时，分 dDate = new Date(); tDate < dDate ?alert("早于"):alert("晚于");//139.弹出鼠标所在处的链结地址 <body onmouseover ="if (event.srcElement.tagName=='A')alert(event.srcElement.href)" >< a href ="http://51js.com/viewthread.php?tid=13589" > dddd </ a >< input > //140.注意不能通过与 undefined 做比较来测试一个变量是否存在，虽然可以检查它的类型是否为“undefined”。在以下的代码范例中，假设程序员想测试是否已经声明变量 x ：// 这种方法不起作用if (x == undefined) // 作某些操作// 这个方法同样不起作用- 必须检查// 字符串 "undefined"if (typeof(x) == undefined) // 作某些操作// 这个方法有效if (typeof(x) == "undefined") // 作某些操作141.创建具有某些属性的对象var myObject = new Object();myObject.name = "James";myObject.age = "22";myObject.phone = "555 1234";//142.枚举（循环）对象的所有属性for (var a in myObject){ // 显示 "The property 'name' is James"，等等。 window.alert("The property '" + a + "' is " + myObject[a]);}//143.判断一个数字是否是整数var a=23.2;alert(a%1==1)//144.新建日期型变量var a = new Date(2000, 1, 1);alert(a.toLocaleDateString());145.给类定义新的方法function trim_1(){ return this.replace(/(^\s*)|(\s*$)/g, "");}String.prototype.trim=trim_1;alert('cindy'.trim()); 146.定义一个将日期类型转化为字符串的方法function guoguo_date(){ var tmp1,tmp2; tmp1 =this.getMonth()+1+""; if(tmp1.length < 2 ) tmp1 ="0" +tmp1; tmp2 =this.getDate()+""; if(tmp2.length<2) tmp2 ="0" +tmp2; return this.getYear()+"-"+tmp1+"-"+tmp2;}Date.prototype.toLiteString =guoguo_date; alert(new Date().toLiteString()) 147. pasta 是有四个参数的构造器,定义对象。function pasta(grain, width, shape, hasEgg){ // 是用什么粮食做的？ this.grain = grain; // 多宽？（数值） this.width = width; // 横截面形状？（字符串） this.shape = shape; // 是否加蛋黄？（boolean） this.hasEgg = hasEgg; //定义方法 this.toString =aa; }function aa(){ ;}//定义了对象构造器后，用 new 运算符创建对象实例。var spaghetti = new pasta("wheat", 0.2, "circle", true);var linguine = new pasta("wheat", 0.3, "oval", true);//补充定义属性，spaghetti和linguine都将自动获得新的属性pasta.prototype.foodgroup = "carbohydrates" ; 148.打印出错误原因try{ x = y // 产生错误。}catch(e){ document.write(e.description) //打印 "'y' is undefined".}//149.生成EXCEL文件并保存var ExcelSheet;ExcelApp = new ActiveXObject("Excel.Application");ExcelSheet = new ActiveXObject("Excel.Sheet");//本代码启动创建对象的应用程序（在这种情况下，Microsoft Excel 工作表）。一旦对象被创建，就可以用定义的对象变量在代码中引用它。 在下面的例子中，通过对象变量 ExcelSheet 访问新对象的属性和方法和其他 Excel 对象，包括 Application 对象和 ActiveSheet.Cells 集合。// 使 Excel 通过 Application 对象可见。ExcelSheet.Application.Visible = true; // 将一些文本放置到表格的第一格中。ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1" ;// 保存表格。ExcelSheet.SaveAs("C:\\TEST.XLS");// 用 Application 对象用 Quit 方法关闭 Excel。ExcelSheet.Application.Quit();//150.根据标签获得一组对象var coll = document.all.tags("DIV"); if (coll! =null) {for (i =0; i<coll.length; i++)...}//