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)"><ahref="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++)...}//
本文概述了网页交互的基本技巧，包括动态样式切换、页面翻转、滚动、状态栏改变、窗口操作、鼠标样式调整等。同时介绍了背景透明、元素定位、事件处理等关键概念，并展示了如何使用JavaScript实现这些功能。
扫一扫
1050
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
