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++)...}//
我们爱分享----200多个js技巧代码(4)----学习用
最新推荐文章于 2024-08-21 14:09:37 发布