231个web前端常用的javascript特效分享

逃离我推掉我的手 2022-05-16 22:28 215阅读 0赞

## 1.文本框焦点问题 ##

onBlur:当失去输入焦点后产生该事件

onFocus:当输入获得焦点后，产生该文件

Onchange:当文字值改变时，产生该事件

Onselect:当文字加亮后，产生该文件

<input type=”text” value=”郭强”οnfοcus=”if(value==’郭强’) \{value=”\}”οnblur=”if

(value==”) \{value=’郭强’\}”>点击时文字消失，失去焦点时文字再出现

## 2.网页按钮的特殊颜色 ##

<input type=button name=”Submit1″ value=”郭强” size=10 class=s02

style=”background-color:rgb(235,207,22)”>

## 3.鼠标移入移出时颜色变化 ##

<input type=”submit” value=”找吧”name=”B1″ onMouseOut=thilor=”blue”

onMouseOver=thilor=”red” class=”button”>

## 4.平面按钮 ##

<input type=submit value=订阅 style=”border:1pxsolid :\#666666; height:17px; width:25pt;font-size:9pt;

BACKGROUND-COLOR: \#E8E8FF;color:\#666666″ name=”submit”>

## 5.按钮颜色变化 ##

<input type=text name=”nick”  style=”border:1px solid\#666666;  font-size:9pt; height:17px;

BACKGROUND-COLOR: \#F4F4FF; color:\#ff6600″size=”15″ maxlength=”16″>

## 6.平面输入框 ##

## 7.使窗口变成指定的大小 ##

window.resizeTo(300,283);

</script>

## 8.使文字上下滚动 ##

<marquee direction=up scrollamount=1 scrolldelay=100οnmοuseοver=’this.stop()’ οnmοuseοut=’this.start()’

height=60>

<!– head\_scrolltext –>

<tr>

<td>

共和国

</tableamp;>amp;amp;>amp;nbsp;       <!– endhead\_scrolltext –>

</marquee>

## 9.状态栏显示该页状态 ##

## 10.可以点击文字实现radio选项的选定 ##

<br>

&nbsp;&nbsp;&nbsp;&nbsp;<input type=”radio”name=”regtype” value=”A03″ id=”A03″>

<label for=”A03″> 情侣 : 一次注册两个帐户</label> <br>

## 11.可以在文字域的font写onclick事件 ##

## 12.打印</a>打印网页 ##

## 13.线型输入框 ##

<input type=”text” name=”key”  size=”12″value=”关键字” onFocus=this.select()onMouseOver=this.focus()

class=”line”>

## 14.显示文档最后修改日期 ##

function hi(str)

document.write(document.lastModified)

alert(“hi”+str+”!”)

</script>

## 15.可以在鼠标移到文字上时就触发事件 ##

<html>

<head>

<!– Hiding

function hello() \{

alert(“哈罗!”);

</script>

</head>

<body>

</body>

</html>

## 16.可以根据网页上的选项来确定页面颜色 ##

<HTML>

<HEAD>

<TITLE>background.html</TITLE>

</HEAD>

<!–

function bgChange(selObj) \{

newColor = selObj.options\[selObj.selectedIndex\].text;

document.bgColor = newColor;

selObj.selectedIndex = -1;

//–>

</SCRIPT>

<B>Changing Background Colors</B>

<BR>

<FORM>

<OPTION>Red

<OPTION>Orange

<OPTION>Yellow

<OPTION>Green

<OPTION>Blue

<OPTION>Indigo

<OPTION>Violet

<OPTION>White

<OPTION>pink

</SELECT>

</FORM>

</BODY>

</HTML>

## 17.将按钮的特征改变 ##

<!–

.style1 \{ font-size: 12px; background: \#CCCCFF; border-width: thin thin thinthin; border-color: \#CCCCFF

\[格式\]:document.execCommand(“open”)

\#CCCCCC \#CCCCCC \#CCCCFF\}

.style2 \{ font-size: 12px; font-weight: bold; background: \#CCFFCC;border-width: thin medium medium thin;

border-color: \#CCFF99 \#999999 \#999999\#CCFF99\}

–>

</style>

本例按钮的代码如下：

<input type=”submit” name=”Submit” value=”提 交” οnmοuseοver=”this.className=’style2′”

οnmοuseοut=”this.className=’style1′”class=”style1″>

## 18.改变按钮的图片. ##

<!–

.style3 \{ font-size: 12px; background: url(image/buttonbg1.gif); border: 0px;width: 60px; height: 22px\}

.style4 \{ font-size: 12px; font-weight: bold; background:url(image/buttonbg2.gif); border: 0px 0; width:

60px; height: 22px\}

–>

</style>

本例的按钮代码如下：

<input type=”submit” name=”Submit2″ value=”提交” οnmοuseοver=”this.className=’style4′”

οnmοuseοut=”this.className=’style3′”class=”style3″>

## 19.打印页面 ##

<div align=”center”amp;>amp;amp;>amp;lt;a class=contenthref=”javascript:doPrint();”>打印本稿</aamp;>amp;amp;>amp;lt;/div>

## 20.可以直接写html语言 ##

document.write(“”);

## 21.改变下拉框的颜色 ##

<select name=”classid”

onChange=”changelocation(document.myform.classid.options\[document.myform.classid.selectedIndex\].value)”

size=”1″style=”color:\#008080;font-size: 9pt”>

## 22.转至目标URL ##

window.location=”;

## 23.传递该object的form ##

UpdateSN(‘guoqiang99267’,this.form)

function UpdateSN(strValue,strForm)

strForm.SignInName.value = strValue;

return false;

## 24.文字标签 ##

<label for=”AltName4″amp;>amp;amp;>amp;lt;input name=”AltName”type=”RADIO” tabindex=”931″  id=”AltName4″

>guoqiang99859</label>

## 25.layer2为组件的ID，可以控制组件是否可见 ##

documenem(‘Layer2’).style.display = “block”;

documenem(‘Layer2’).style.display = “none”;//

## 26.将页面加入favorite中 ##

<!–

function Addme()\{

url = “;; //你自己的主页地址

title = “Your Site Name”; //你自己的主页名称

window.external.AddFavorite(url,title);

–>

</script>//

## 27.过10秒自动关闭页面 ##

< script language=”JavaScript” >

function closeit() \{

setTimeout(“self.close()”，10000)

< /script >

## 28.可以比较字符的大小 ##

char=post.charAt(i);

if(!(‘0′<=char&&char<=’9’))

## 29.将字符转化为数字 ##

month = parseInt(char)

## 30.点击value非空的选项时转向指定连接 ##

</select>

## 31.改变背景颜色 ##

<td width=\* class=dp bgColor=\#FAFBFCοnmοuseοver=”this.bgColor=’\#FFFFFF’;”

οnmοuseοut=”this.bgColor=’\#FAFBFC’;”>

## 32.改变文字输入框的背景颜色 ##

<style>

.input2 \{background-image: url(‘../images/inputbg.gif’);   font-size:12px; background-color:

\#D0DABB;border-top-width:1px;border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px\}

</style>

## 33.改变水平线的特征 ##

## 34.传递参数的方式 ##

## 35.页内跳转 ##

<a name=”2″>dfdf</a>//

## 36.两个按键一起按下 ##

if(event.ctrlKey && window.event.keyCode==13)//

## 37.刷新页面 ##

javascript:this.location.reload()//

## 38.将网页的按钮使能 ##

function haha()

for(var i=0;i<document.form1.elements.length;i++)

if(document.form1.elements\[i\].name.indexOf(“bb”)!=-1)

document.form1.elements\[i\].disabled=!document.form1.elements\[i\].disabled;

</SCRIPT>

<BODYamp;>amp;amp;>amp;lt;form name=form1>

## 39.文字移动 ##

## 40.双击网页自动跑 ##

var currentpos,timer;

function initialize()

timer=setInterval(“scrollwindow()”,1);

function sc()

clearInterval(timer);

function scrollwindow()

currentpos=document.body.scrollTop;

window.scroll(0,++currentpos);

if (currentpos != document.body.scrollTop)

sc();

document.οnmοusedοwn=sc

document.οndblclick=initialize

</SCRIPT>//

## 41.后退 ##

## 42.前进 ##

## 43.刷新 ##

## 44.转向指定网页 ##

document.location=”;或者document.location.assign(“;)

## 45.在网页上显示实时时间 ##

var clock\_id;

window.οnlοad=function()

clock\_id=setInterval(“document.form1.txtclock.value=(newDate);”,1000)

</SCRIPT>//

## 46.可以下载文件  ##

document.location.href=”目标文件”//

## 47.连接数据库 ##

import java.sql.\*;

String myDBDriver=”sun.jdbc.odbc.JdbcOdbcDriver”;

Class.forName(myDBDriver);

Connectionconn=DriverManager.getConnection(“jdbc:odbc:firm”,”username”,”password”);

Statement stmt=conn.createStatement();

ResultSet rs=stmt.executeQuery(sql);

rs.getString(“column1”);//

## 48.可以直接在页面“div”内写下所需内容 ##

<div id=a1amp;>amp;amp;>amp;lt;/div>//

## 49.可以改变页面上的连接的格式，使其为双线 ##

<style>

A:link \{text-decoration: none; color:\#0000FF; font-family: 宋体\}

A:visited \{text-decoration: none; color: \#0000FF; font-family: 宋体\}

A:hover \{text-decoration: underline overline; color: FF0000\}

</style>

<style>

A:link \{text-decoration: none; color:\#0000FF; font-family: 宋体\}

A:visited \{text-decoration: none; color: \#0000FF; font-family: 宋体\}

A:hover \{text-decoration: underline overline line-through; color: FF0000\}

TH\{FONT-SIZE: 9pt\}

TD\{FONT-SIZE: 9pt\}

body \{SCROLLBAR-FACE-COLOR: \#A9D46D; SCROLLBAR-HIGHLIGHT-COLOR:\#e7e7e7;SCROLLBAR-SHADOW-COLOR:\#e7e7e7;

SCROLLBAR-3DLIGHT-COLOR: \#000000;LINE-HEIGHT: 15pt;SCROLLBAR-ARROW-COLOR: \#ffffff;

SCROLLBAR-TRACK-COLOR: \#e7e7e7;\}

INPUT\{BORDER-TOP-WIDTH: 1px;PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE:

9pt; BORDER-LEFT-COLOR: \#cccccc;

BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: \#cccccc; PADDING-BOTTOM: 1px;BORDER-TOP-COLOR: \#cccccc;

PADDING-TOP: 1px; HEIGHT: 18px;BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: \#cccccc\}

DIV,form ,OPTION,P,TD,BR\{FONT-FAMILY: 宋体; FONT-SIZE: 9pt\}

textarea, select \{border-width: 1; border-color: \#000000; background-color:\#efefef; font-family: 宋体;

font-size: 9pt; font-style: bold;\}

.text \{ font-family: “宋体”; font-size: 9pt;color: \#003300; border: \#006600 solid; border-width: 1px 1px 1px 1px\}

</style>完整的css

## 50.新建frame ##

href=”javascript:newframe(”,”)”amp;>amp;amp;>amp;lt;imgalt=帮助 border=0src=”/upimg/allimg/070206/0926040.gif”amp;>amp;amp;>amp;lt;/a>

## 51.向文件中写内容 ##

<%@ page import=”java.io.\*” %>

String str = “print me”;

//always give the path from root. This way it almost always works.

String nameOfTextFile = “/usr/anil/imp.txt”;

try

PrintWriter pw = new PrintWriter(new FileOutputStream(nameOfTextFile));

pw.println(str);

//clean up

pw.close();

catch(IOException e)

out.println(e.getMessage());

## 52.先读文件再写文件 ##

<%@ page language = “java” %>

<%@ page contentType = “text/html; charSet=gb2312” %>

<%@ page import =”java.util.\*” %>

<%@ page import =”java.lang.\*” %>

<%@ page import =”javax.servlet.\*” %>

<%@ page import =”javax.servlet.jsp.\*” %>

<%@ page import =”javax.servlet.http.\*” %>

<%@ page import=”java.io.\*” %>

eryrytry

int count=0;

FileInputStream fi =new FileInputStream (“count.txt”);

ObjectInputStream si= new ObjectInputStream (fi);

count =si.readInt();

count++;

out.print(count);

si.close();

FileOutputStream fo =newFileOutputStream (“count.txt”);

ObjectOutputStream so= new ObjectOutputStream (fo);

so.writeInt(count);

so.close();

## 53.直线型输入框 ##

<INPUT name=Password size=10 type=password style=”border-left-width: 0;border-right-width: 0;

border-top-width: 0;border-bottom-style: solid; border-bottom-width: 1; background-color: \#9CEB9C”>

## 54.可以将背景改为按钮性状，通过改变css改变属性 ##

<td width=”65″ align=”center”bgcolor=”\#E0E0E0″ οnmοuseοver=this.className=’mouseoverbt’;

οnmοuseοut=this.className=’mouseout’;amp;>amp;amp;>amp;lt;ahref=”tm.asp classid=76″amp;>amp;amp;>amp;lt;font

color=”\#000000″>录音笔</fontamp;>amp;amp;>amp;lt;/aamp;>amp;amp;>amp;lt;/td>

<style>

.mouseoverbt

background-image: url(/img/btbgw64h20y.gif);

background-repeat: no-repeat;

.mouseout

background-color: \#E0E0E0;

</style>

## 55.同时按下CTRL和Q键 ##

document.οnkeydοwn=function()

if(event.ctrlKey&&event.keyCode==81)

\{alert(1)\}

\}//

## 56.以下是一个完整的显示hint的代码，其思想是当鼠标停留是将div中的内容显示在鼠标出，当鼠标移出后在将该div隐 ##

藏掉

<!DOCTYPE HTML PUBLIC “-//W3C//DTDHTML 4.0 Transitional//EN”>

<HTML>

<style>

\#hint\{

width:198px;

border:1px solid \#000000;

background:\#99ff33;

position:absolute;

z-index:9;

padding:6px;

line-height:17px;

text-align:left;

top: 1520px;

</style>

<!–

function showme()

var oSon=window.document.getElementById(“hint”);

if (oSon==null) return;

with (oSon)

innerText=guoguo.value;

style.display=”block”;

style.pixelLeft=window.event.clientX+window.document.body.scrollLeft+6;

style.pixelTop=window.event.clientY+window.document.body.scrollTop+9;

function hidme()

var oSon=window.document.getElementById(“hint”);

if (oSon==null) return;

oSon.style.display=”none”;

//–>

</SCRIPT>

<BODY>

<a href=\# οnmοuseοver=showme() οnmοuseοut=hidme() οnmοusemοve=showme()son=hint>dfdfd</a>

</BODY>

</HTML>

———————————————————————

————

## 57.弹出窗口 ##

方法一：<body οnlοad=”openwen()”> 浏览器读页面时弹出窗口；

方法二：<body οnunlοad=”openwen()”> 浏览器离开页面时弹出窗口；

方法三：用一个连接调用：<a href=”\#” οnclick=”openwin()”>打开一个窗口</a>

注意：使用的”\#”是虚连接。

方法四：用一个按钮调用：<input type=”button”οnclick=”openwin()” value=”打开窗口”>何时装载script

## 58.动态改变字体的大小 ##

function doZoom(size)

document.getElementById(‘zoom’).style.fontSize=size+’px’

function aa()

var newWin=window.open(url);

newWin.document.form1.text1.value=value1;

\}改变弹出窗口上域的属性

opener.document.form2.text2.value=value2;改变父窗口的域的值

## 59.判断是何种浏览器 ##

var name = navigator.appName;

if (name == “Microsoft Internet Explorer”)

alert(“IE”);

else if (name == “Netscape”)

alert(“NS”);//

## 60.vbsscript确定框 ##

<!–

MsgBox “确定删除吗？”, 4

//–>

</script>//

## 61.复制内容到剪切板 ##

function JM\_cc(bb)

var ob=eval(“document.form1.”+bb);

ob.select();

js=ob.createTextRange();

js.execCommand(“Copy”);

\}//

## 62.java中建立数据库连接取数据 ##

public void init()

String url=”jdbc:odbc:javadata”;

try

Class.forName(“sun.jdbc.odbc.JdbcOdbcDriver”);

Connectioncon=DriverManager.getConnection(url,”sa”,””);//mssqldatabase user SA and password

DatabaseMetaData dma=con.getMetaData();

System.out.println(“Connect to”+dma.getURL());

System.out.println(“;Driver “+dma.getDriverName());

System.out.println(“;Version “+dma.getDriverVersion());

System.out.println(“”);

Statement stmt=con.createStatement();

ResultSet rs=stmt.executeQuery(“select \* from company.dbo.TB\_NAMEwhere number=1”);//Sql

rs.next();

String dispresult=rs.getString(“name”);

System.out.println(dispresult);// Instead,you can display it in Paint()or use AWT etc.

rs.close();

stmt.close();

con.close();

catch(SQLException ex)

System.out.println(“!!!SQL Exception !!!”);

while(ex!=null)

System.out.println(“SQLState:”+ex.getSQLState());

System.out.println(“Message:”+ex.getMessage());

System.out.println(“Vendor:”+ex.getErrorCode());

ex=ex.getNextException();

System.out.println(“”);

catch(java.lang.Exception ex)

ex.printStackTrace();

\}//

## 63.最小化窗口 ##

window.blur()//

## 64.文档的路径 ##

document.URL//

## 65.定时执行某段程序 ##

setTimeout(“change\_color()”,600);

## 66.设置为主页 ##

function makeHome()\{

netscape.security.PrivilegeManager.enablePrivilege(“UniversalPreferencesWrite”);

navigator.preference(“browser.startup.homepage”,location.href);

\}//

## 67.设置为收藏 ##

function addFav()\{

if(ie)

window.external.AddFavorite(location.href,’WWW.OGRISH.COM :GROTESQUE MOVIES AND PICTURES’);

if(ns)

alert(“Thanks for the bookmark!\\n\\nNetscape users clickOK then press CTRL-D”);

\}//

## 68.判断cookie是否可用 ##

navigator.cookieEnabled;//

## 69.显示有模式的有页面的弹出窗口 ##

function setbgcolor\_onclick()

var color =showModalDialog(“/mailpage/compose/colorsel.html”,0,”help=0″);

if (color != null)

document.compose.bgcolor.value = color;

\}//

## 70.截取小数点后两位 ##

var a=3454545.4454545;

alert(a.toFixed(2));//

## 71.禁止选择页面上的文字来拷贝 ##

function noEffect() \{

with (event) \{

returnValue = false;

cancelBubble = true;

return;

</script>

<body onselectstart=”noEffect()”οncοntextmenu=”noEffect()”>//

## 72.屏蔽右键菜单 ##

οncοntextmenu=”event.returnValue = false”//

## 73.事件禁止起泡 ##

event.cancelBubble = true//

## 74.禁止在输入框打开输入法 ##

<input style=”ime-mode: disabled”>//

## 75.屏蔽汉字和空格 ##

<input name=”txt”amp;>amp;amp;>amp;lt;input type=”submit”onClick=”alert(!/\[^ -\}\]|\\s/.test(txt.value))”>//

## 76.用javascript判断文件是否存在 ##

function Exists(filespec)

if (filespec)

var fso;

fso = new ActiveXObject(“Scripting.FileSystemObject”);

alert(fso.FileExists(filespec));

选择图片 <input type=file name=f1amp;>amp;amp;>amp;lt;p>

<input type=”submit” onClick=”Exists(f1.value)”>//

## 77.获得当前的文本框选中的文字 ##

<input οnmοuseup=”alert(document.selection.createRange().text)”value=123>//

## 78.跳转至目标页面，同时不可返回 ##

<ahref=”javascript:location.replace(”)”>sohu.com</a>//

## 79.获得当前的行是表格的第几行 ##

function getrow(obj)

if(event.srcElement.tagName==”TD”)\{

curRow=event.srcElement.parentElement;

alert(“这是第”+(curRow.rowIndex+1)+”行”);

</script>

<tr>

</tr>

<tr>

</tr>

</table>//

## 80.删除表格某行，xx表示某行，下标从0开始计算 ##

document.all.myTable.deleteRow(xx)//

## 81.动态的向表格中添加行 ##

</table>

function add()

t1.insertRow().insertCell().innerHTML = ‘<inputname=”test’+t1.rows.length+’”amp;>apos;amp;>apos;;

\}//

## 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|/”amp;>amp;amp;>amp;lt;input type=”submit”value=”c:\\ drive”amp;>amp;amp;>amp;lt;/form>//

## 85.当前屏幕的分辨率 ##

screen.width、screen.height//

## 86.设置表格中的内容 ##

tbl.rows\[0\].cells\[1\].innerText=document.form.text1.value;//

## 87.本地快捷键 ##

<pamp;>amp;amp;>amp;lt;a href=”file:///::\{208D2C60-3AEA-1069-A2D7-08002B30309D\}”target=”\_blank”>网上邻居</aamp;>amp;amp;>amp;lt;/p>

<pamp;>amp;amp;>amp;lt;ahref=”file:///::\{20D04FE0-3AEA-1069-A2D8-08002B30309D\}\\d:\\web”target=”\_blank”>我的电脑</aamp;>amp;amp;>amp;lt;/p>

<pamp;>amp;amp;>amp;lt;a href=”file:///::\{450D8FBA-AD25-11D0-98A8-0800361B1103\}”target=”\_blank”>我的文档</aamp;>amp;amp;>amp;lt;/p>

<pamp;>amp;amp;>amp;lt;a href=”file:///::\{645FF040-5081-101B-9F08-00AA002F954E\}”target=”\_blank”>回收站</aamp;>amp;amp;>amp;lt;/p>

<pamp;>amp;amp;>amp;lt;ahref=”file:///::\{20D04FE0-3AEA-1069-A2D8-08002B30309D\}\\::\{21EC2020-3AEA-1069-A2DD-08002B30309D\}”

target=”\_blank”>控制面板</aamp;>amp;amp;>amp;lt;/p>

<pamp;>amp;amp;>amp;lt;ahref=”file:///::\{7007ACC7-3202-11D1-AAD2-00805FC1270E\}”>拨号网络</a>(Windows 2000)</p>

## 88.IE菜单 ##

<button οnclick=”min.Click()”amp;>amp;amp;>amp;lt;fontface=”webdings”>0</fontamp;>amp;amp;>amp;lt;/button>//改变按钮上的图片

<input type=button οnclick=”document.execCommand(‘CreateLink’,’true’,’true’)”> //创建新连接

<input type=button οnclick=”document.execCommand(‘print’,’true’,’true’)”> //打印

<input type=button οnclick=”document.execCommand(‘saveas’,’true’,’网站制作.htm’)”>//另存为htm

<input type=button οnclick=”document.execCommand(‘saveas’,’true’,’网站制作.txt’)”>//另存为txt

document.execCommand(“SaveAs”)//保存为

document.execCommand(‘undo’)//撤销上一次操作

## 89.web对话框 ##

var contents=’<style>body,td\{font:menu\}img\{cursor:hand\}</styleamp;>apos;amp;>apos;;

contents+=’<title>你要关闭我吗</titleamp;>apos;amp;>apos;;

contents+=’<body bgcolor=menuamp;>apos;amp;>apos;;

contents+=’<table width=100% height=100% border=0amp;>apos;amp;>apos;;

contents+=’<tramp;>amp;amp;>amp;lt;td align=centeramp;>apos;amp;>apos;;

contents+=’你要关闭我吗？<bramp;>apos;amp;>apos;;

contents+=’<img src=dark.gif οnclick=self.close() alt=”…关闭”amp;>apos;amp;>apos;;

contents+=’<img src=jet.gif οnclick=self.close() alt=”全是关闭”amp;>apos;amp;>apos;;

contents+=’</tdamp;>amp;amp;>amp;lt;/tramp;>amp;amp;>amp;lt;/tableamp;>apos;amp;>apos;;

showModalDialog(“about:”+contents+””,””,”dialogHeight:50px;dialogWidth:250px;help:no;status:no”)

document.write(contents);

</SCRIPT>//

## 90.取第x,y的值 ##

<buttonοnclick=”t1.rows\[x\].cells\[y\].innerText=’guoguo’”amp;>amp;amp;>amp;lt;/button>//

## 91.向新打开的网页上写内容 ##

newwin=window.open(‘about:blank’,”,’top=10′);

newwin.document.write(”);//

## 93.返回 ##

javascript:history.go(-2);//

## 94.将页面上选中的内容复制到剪贴板 ##

abcdefg

<input type=’button’

οnclick=”window.clipboardData.setData(‘text’,document.selection.createRange().text);”value=’复制页面选中

的字符’>//

## 95.将页面上选中的内容复制到剪贴板 ##

<INPUT TYPE=”text” NAME=””>kjhkjhkhkj<INPUTTYPE=”button” οnclick=”document.execCommand(‘Copy’, ‘false’,

null);”>

## 96.鼠标移到下拉框时自动全部打开 ##

<select οnmοuseοver=”javascript:this.size=this.length”οnmοuseοut=”javascript:this.size=1″amp;>amp;amp;>amp;lt;/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>

mathstr=12;

document.write (“<v:rect fillcolor=’red’

style=’width:20;color:navy;height:”+5000/(1000/mathstr)+”‘amp;>amp;amp;>amp;lt;bramp;>amp;amp;>amp;amp;nbsp;%”+mathstr+”<br>4人<v:Extrusion

backdepth=’15pt’ on=’true’/amp;>amp;amp;>amp;lt;/v:rectamp;>amp;amp;>amp;quot;)

</SCRIPT>

<v:rect fillcolor=’red’style=’width:20;color:navy;height:200’amp;>amp;amp;>amp;lt;br>%12<br>4人<v:Extrusion

backdepth=’15pt’ on=’true’/amp;>amp;amp;>amp;lt;/v:rect>

<v:rect fillcolor=’yellow’ style=’width:20;color:navy;height:100’amp;>amp;amp;>amp;lt;br>%12<br>4人<v:Extrusion

backdepth=’15pt’ on=’true’/amp;>amp;amp;>amp;lt;/v:rect>//

## 101.饼图 ##

<style>

v\\:\*     \{ behavior: url(\#default\#VML) \}

o\\:\*     \{ behavior: url(\#default\#VML) \}

.shape    \{ behavior: url(\#default\#VML) \}

</style>

function show(pie)

pie.strokecolor=pie.fillcolor;

pie.strokeweight=10;

div1.innerHTML=”<font size=2 color=red> ” + pie.id+”</font> <font size=2amp;>amp;amp;>amp;quot; + pie.title +”</fontamp;>amp;amp;>amp;quot;;

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%’

οnmοuseοver=’javascript:show(this);’οnmοuseοut=’javascript:hide(this);’

CoordSize=’10,10’strokecolor=’white’ fillcolor=’\#ffff33’amp;>amp;amp;>amp;lt;v:path v=’m 300,200 ae

300,200,200,150,0,9437184xe’/amp;>amp;amp;>amp;lt;/v:shape>

<v:shape id=’php’ style=’width:10;height:10;top:10;left:0′ title=’得票数:1 比例:6.67%’

οnmοuseοver=’javascript:show(this);’οnmοuseοut=’javascript:hide(this);’

CoordSize=’10,10’strokecolor=’white’ fillcolor=’\#ff9933’amp;>amp;amp;>amp;lt;v:path v=’m 300,200 ae

300,200,200,150,9437184,1572864xe’/amp;>amp;amp;>amp;lt;/v:shape>

<v:shape id=’jsp’ style=’width:10;height:10;top:10;left:0′ title=’得票数:2 比例:13.33%’

οnmοuseοver=’javascript:show(this);’οnmοuseοut=’javascript:hide(this);’

CoordSize=’10,10’strokecolor=’white’ fillcolor=’\#3399ff’amp;>amp;amp;>amp;lt;v:path v=’m 300,200 ae

300,200,200,150,11010048,3145728xe’/amp;>amp;amp;>amp;lt;/v:shape>

<v:shape id=’c\#写的.netWEB程序’style=’width:10;height:10;top:10;left:0′ title=’得票数:3 比例:20.00%’

οnmοuseοver=’javascript:show(this);’οnmοuseοut=’javascript:hide(this);’

CoordSize=’10,10’strokecolor=’white’ fillcolor=’\#99ff33’amp;>amp;amp;>amp;lt;v:path v=’m 300,200 ae

300,200,200,150,14155776,4718592xe’/amp;>amp;amp;>amp;lt;/v:shape>

<v:shape id=’vb.net写的.netWEB程序’style=’width:10;height:10;top:10;left:0′ title=’得票数:2 比例:13.33%’

οnmοuseοver=’javascript:show(this);’οnmοuseοut=’javascript:hide(this);’

CoordSize=’10,10’strokecolor=’white’ fillcolor=’\#ff6600’amp;>amp;amp;>amp;lt;v:path v=’m 300,200 ae

300,200,200,150,18874368,3145728xe’/amp;>amp;amp;>amp;lt;/v:shape>

<v:shape id=’xml技术’ style=’width:10;height:10;top:10;left:0′ title=’得票数:1 比例:6.67%’

οnmοuseοver=’javascript:show(this);’οnmοuseοut=’javascript:hide(this);’

CoordSize=’10,10’strokecolor=’white’ fillcolor=’\#ff99ff’amp;>amp;amp;>amp;lt;v:path v=’m 300,200 ae

300,200,200,150,22020096,1572864xe’/amp;>amp;amp;>amp;lt;/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’amp;>amp;amp;>amp;lt;v:textbox

style=’fontsize:2′>asp技术</v:textbox/amp;>amp;amp;>amp;lt;/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’amp;>amp;amp;>amp;lt;v:textbox

style=’fontsize:2′>php</v:textbox/amp;>amp;amp;>amp;lt;/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’amp;>amp;amp;>amp;lt;v:textbox

style=’fontsize:2′>jsp</v:textbox/amp;>amp;amp;>amp;lt;/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’amp;>amp;amp;>amp;lt;v:textbox

style=’fontsize:2′>c\#写的.netWEB程序</v:textbox/amp;>amp;amp;>amp;lt;/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’amp;>amp;amp;>amp;lt;v:textbox style=’fontsize:2′>vb.net

写的.netWEB程序</v:textbox/amp;>amp;amp;>amp;lt;/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’amp;>amp;amp;>amp;lt;v:textbox style=’fontsize:2′>xml技术

</v:textbox/amp;>amp;amp;>amp;lt;/v:rect>

</v:group>

<table border=”1″ cellpadding=”2″cellspacing=”2″ cellpadding=”0″ cellspacing=”0″

style=”border-collapse:collapse” bordercolor=”\#CCCCCC” width=”100%”ID=”Table1″>

<tr>

</tr>

</table>

</div>//

## 102.是一个特殊的容器，想装个网页都行 ##

<buttonamp;>amp;amp;>amp;lt;iframesrc=”;amp;>amp;amp;>amp;lt;/iframeamp;>amp;amp;>amp;lt;/button>//button

## 103.外部的html代码 ##

event.srcElement.outerHTML//

## 104.标识当前的IE事件的触发器 ##

event.srcElement和event.keyCode//

## 105.事件类型 ##

event.type//

## 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 οnmοuseοver=this.className=’Overnone’ >//

## 107.页面翻转 ##

<html dir=rtlamp;>amp;amp;>amp;lt;/html>//

## 108.滚屏 ##

parent.scroll(x,y);//

<body οnlοad=”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 οnclick=”this.style.cursor=’wait’”>//

## 114.调用父窗口的函数 ##

opener.fucntion1();//

## 115.body的内部html代码 ##

<input type=”button”οnclick=”alert(code.document.body.innerHTML)” value=”查看”>//

## 116.框架中调用父窗口的函数 ##

<INPUT TYPE=’button’ οnclick=’parent.test();’ value=’调用parent窗口的函数’>//

## 117.交换节点 ##

<table  width=200  height=200  border>

<tramp;>amp;amp;>amp;lt;td  id=c1>CELL\_1</tdamp;>amp;amp;>amp;lt;/tr>

<tramp;>amp;amp;>amp;lt;td  id=c2>CELL\_2</tdamp;>amp;amp;>amp;lt;/tr>

</table>

<br>

<input  type=”button”  value=”swap row”  οnclick=”c1.swapNode(c2)”>//

## 118.删除节点 ##

<table  width=200  height=200  border>

<tramp;>amp;amp;>amp;lt;td  id=c2>CELL\_2</tdamp;>amp;amp;>amp;lt;/tr>

</table>

<br>

<input  type=”button”  value=”swap row”  οnclick=”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 οnmοusedοwn=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.返回输入框的类型 ##

alert(event.srcElement.type);//

</script>

## 127.模拟控件的单击事件 ##

<!–

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

returnMath.round(parseFloat(str)\*Math.pow(10,digit))/Math.pow(10,digit);

## 130.回车按钮转化为tab按钮 ##

if(event.keyCode==13) event.keyCode=9; //将

## 131.滚动条滚动 ##

<button οnclick=”text1.scrollTop=text1.scrollHeight”>Scroll</buttonamp;>amp;amp;>amp;lt;br>

</textarea>//

## 132.判断是什么对象 ##

if(typeof(unknown)==”function”)return true;

if(typeof(unknown)!=”object”)return false;//

## 133.取消文本框自动完成功能 ##

<input type=”text” autocomplete=”off”> //

## 134.让下拉框自动下拉 ##

</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(vari=0;i<oRooem(0).children.length;++i)

oItem =oRooem(0em(i);

oOption =new Option(oItem.text,oItem.value);

childrenobj.add(oOption);

//mymsg.xml文件

< xml version=”1.0″ encoding=”gb2312″ >

<aa>

</aa>

<aa>

</aa>

</childrenlist>//

## 136.点击图片，图片停止 ##

<a href=”javascript:”amp;>amp;amp;>amp;lt;imgsrc=”/images/51js/red\_forum.gif” border=”0″amp;>amp;amp;>amp;lt;/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 οnmοuseοver=”if(event.srcElement.tagName==’A’)alert(event.srcElement.href)”amp;>amp;amp;>amp;lt;a

href=”.com/viewthread.php tid=13589″>dddd</aamp;>amp;amp;>amp;lt;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’ isJames”，等等。

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++)

…

\}//

## 151.实现打印预览及打印 ##

<OBJECT classid=”CLSID:8856F961-340A-11D0-A96B-00C04FD705A2″height=0 id=wb name=wb width=0amp;>amp;amp;>amp;lt;/OBJECT>

<input type=button onClick=document.all.wb.ExecWB(6,1) value=”打印”>//

## 152.不通过form，直接通过名字引用对象 ##

<!–

alert(document.all.gg.value)

//–>

</SCRIPT>//

## 153.使鼠标滚轮失效 ##

function document.onmousewheel()

return false;

\}//

## 154.创建弹出窗口 ##

var oPopup = window.createPopup();

var oPopupBody = oPopup.document.body;

oPopupBody.innerHTML = “Display some <B>HTML</B>here.”;

oPopup.show(100, 100, 200, 50, document.body);

</SCRIPT>//

## 155.取得鼠标所在处的对象 ##

var obj = document.elementFromPoint(event.x,event.y);//

## 156.获得左边的对象 ##

<INPUT TYPE=”text” NAME=”gg”amp;>amp;amp;>amp;lt;INPUTTYPE=”text” NAME=”bb”

οnclick=”this.previousSibling.value=’guoguo’”>//

## 157.定位鼠标 ##

document.all.hint\_layer.style.left  = event.x+document.body.scrollLeft+10;

document.all.hint\_layer.style.top  = event.y+document.body.scrollTop+10;//

## 158.向下拉框指定位置添加项目 ##

var op  = document.createElement(“OPTION”);

document.all.selected\_items.children(index).insertAdjacentElement(“BeforeBegin”,op);

op.text  = document.all.all\_items\[i\].text;

op.value = document.all.all\_items\[i\].value;//

## 159.判断一个窗口是否已经打开，如果已经打开，则关闭之 ##

var a;

if(a)

a.close();

else

a=window.open(”,”,”);//

## 160.动态创建一个标签 ##

newElem  = document.createElement(“DIV”);

newElem.id = “hint\_layer”;

document.body.appendChild(newElem);

document.all.hint\_layer.innerText=”guoguo”;//

## 161.标题栏 ##

document.title//

## 162.背景图片 ##

<body style=”BACKGROUND-ATTACHMENT: fixed” background=”img/bgfix.gif”amp;>amp;amp;>amp;lt;/body>//背景图片不动

<STYLETYPE=”text/css”>

<!–

BODY \{background-image:img/bgchild.jpg;

background-position: center;

background-repeat: no-repeat;

background-attachment: fixed;\}

–>

</STYLE>//背景图片居中

## 163.设置透明效果 ##

document.form.xxx.filters.alpha.opacity=0～100//

## 164.定义方法 ##

var dragapproved=false;

document.οnmοuseup=new Function(“dragapproved = false”);//

## 165.将数字转化为人民币大写形式 ##

function convertCurrency(currencyDigits) \{

// Constants:

var MAXIMUM\_NUMBER = 99999999999.99;

// Predefine the radix characters and currency symbols for output:

var CN\_ZERO = “零”;

var CN\_ONE = “壹”;

var CN\_TWO = “贰”;

var CN\_THREE = “叁”;

var CN\_FOUR = “肆”;

var CN\_FIVE = “伍”;

var CN\_SIX = “陆”;

var CN\_SEVEN = “柒”;

var CN\_EIGHT = “捌”;

var CN\_NINE = “玖”;

var CN\_TEN = “拾”;

var CN\_HUNDRED = “佰”;

var CN\_THOUSAND = “仟”;

var CN\_TEN\_THOUSAND = “万”;

var CN\_HUNDRED\_MILLION = “亿”;

var CN\_SYMBOL = “人民币”;

var CN\_DOLLAR = “元”;

var CN\_TEN\_CENT = “角”;

var CN\_CENT = “分”;

var CN\_INTEGER = “整”;

// Variables:

var integral; // Represent integral part of digit number.

var decimal; // Represent decimal part of digit number.

var outputCharacters; // The output result.

var parts;

var digits, radices, bigRadices, decimals;

var zeroCount;

var i, p, d;

var quotient, modulus;

// Validate input string:

currencyDigits = currencyDigits.toString();

if (currencyDigits == “”) \{

alert(“Empty input!”);

return “”;

if (currencyDigits.match(/\[^,.\\d\]/) != null) \{

alert(“Invalid characters in the input string!”);

return “”;

if((currencyDigits).match(/^((\\d\{1,3\}(,\\d\{3\})\*(.((\\d\{3\},)\*\\d\{1,3\})) )|(\\d+(.\\d+) ))$/)== null) \{

alert(“Illegal format of digit number!”);

return “”;

// Normalize the format of input digits:

currencyDigits = currencyDigits.replace(/,/g, “”); // Removecomma delimiters.

currencyDigits = currencyDigits.replace(/^0+/, “”); // Trimzeros at the beginning.

// Assert the number is not greater than the maximum number.

if (Number(currencyDigits) > MAXIMUM\_NUMBER) \{

alert(“Too large a number to convert!”);

return “”;

// Separate integral and decimal parts before processing coversion:

parts = currencyDigits.split(“.”);

if (parts.length > 1) \{

integral = parts\[0\];

decimal = parts\[1\];

// Cut down redundant decimal digits that are after the second.

decimal = decimal.substr(0, 2);

else \{

integral = parts\[0\];

decimal = “”;

// Prepare the characters corresponding to the digits:

digits = new Array(CN\_ZERO, CN\_ONE, CN\_TWO, CN\_THREE, CN\_FOUR, CN\_FIVE,CN\_SIX, CN\_SEVEN, CN\_EIGHT,

CN\_NINE);

radices = new Array(“”, CN\_TEN, CN\_HUNDRED, CN\_THOUSAND);

bigRadices = new Array(“”, CN\_TEN\_THOUSAND,CN\_HUNDRED\_MILLION);

decimals = new Array(CN\_TEN\_CENT, CN\_CENT);

// Start processing:

outputCharacters = “”;

// Process integral part if it is larger than 0:

if (Number(integral) > 0) \{

zeroCount = 0;

for (i = 0; i < integral.length; i++) \{

p = integral.length – i – 1;

d = integral.substr(i, 1);

quotient = p / 4;

modulus = p % 4;

if (d == “0”) \{

zeroCount++;

else \{

if (zeroCount > 0)

outputCharacters += digits\[0\];

zeroCount = 0;

outputCharacters += digits\[Number(d)\] + radices\[modulus\];

if (modulus == 0 && zeroCount < 4) \{

outputCharacters += bigRadices\[quotient\];

outputCharacters += CN\_DOLLAR;

// Process decimal part if there is:

if (decimal != “”) \{

for (i = 0; i < decimal.length; i++) \{

d = decimal.substr(i, 1);

if (d != “0”) \{

outputCharacters += digits\[Number(d)\] + decimals\[i\];

// Confirm and return the final output string:

if (outputCharacters == “”) \{

outputCharacters = CN\_ZERO + CN\_DOLLAR;

if (decimal == “”) \{

outputCharacters += CN\_INTEGER;

outputCharacters = CN\_SYMBOL + outputCharacters;

return outputCharacters;

\}//

## 166.xml数据岛绑定表格 ##

<html>

<body>

<thead>

</thead>

<tfoot>

<tramp;>amp;amp;>amp;lt;th>表格的结束</thamp;>amp;amp;>amp;lt;/tr>

</tfoot>

<tr>

<tdamp;>amp;amp;>amp;lt;div datafld=”to”amp;>amp;amp;>amp;lt;/divamp;>amp;amp;>amp;lt;/td>

<tdamp;>amp;amp;>amp;lt;div datafld=”from”amp;>amp;amp;>amp;lt;/divamp;>amp;amp;>amp;lt;/td>

<tdamp;>amp;amp;>amp;lt;div datafld=”subject”amp;>amp;amp;>amp;lt;/divamp;>amp;amp;>amp;lt;/td>

<tdamp;>amp;amp;>amp;lt;div datafld=”content”amp;>amp;amp;>amp;lt;/divamp;>amp;amp;>amp;lt;/td>

</tr>

</table>

</body>

</html>

//cd\_catalog.xml

< xml version=”1.0″ encoding=”ISO-8859-1″ >

<!–  Edited with XML Spy v4.2

–>

<CD>

<TITLE>Empire Burlesque</TITLE>

<ARTIST>Bob Dylan</ARTIST>

<COMPANY>Columbia</COMPANY>

</CD>

<CD>

<TITLE>Hide your heart</TITLE>

<ARTIST>Bonnie Tyler</ARTIST>

<COMPANY>CBS Records</COMPANY>

</CD>

<CD>

<TITLE>Greatest Hits</TITLE>

<ARTIST>Dolly Parton</ARTIST>

</CD>

<CD>

<TITLE>Still got the blues</TITLE>

<ARTIST>Gary Moore</ARTIST>

<COMPANY>Virgin records</COMPANY>

</CD>

</CATALOG>

## 167.以下组合可以正确显示汉字 ##

================================

xml保存编码 xml页面指定编码

ANSI  gbk/GBK、gb2312

Unicode  unicode/Unicode

UTF-8  UTF-8

================================

## 168.XML操作 ##

var x=xmldata.recordset //取得数据岛中的记录集

if(x.absoluteposition < x.recordcount) //如果当前的绝对位置在最后一条记录之前

x.movenext();     //向后移动

x.moveprevious();    //向前移动

x.absoluteposition=1;   //移动到第一条记录

x.absoluteposition=x.recordcount;//移动到最后一条记录，注意记录集x.absoluteposition是从1到记录集记录的个

数的

guoguo.innerText=xmldso.recordset(“field\_name”); //从中取出某条记录

</script>

## 169.动态修改CSS的另一种方式 ##

this.runtimeStyle.cssText = “color:\#990000;border:1px solid\#cccccc”;//

## 170.正则表达式 ##

匹配中文字符的正则表达式： \[\\u4e00-\\u9fa5\]

匹配双字节字符(包括汉字在内)：\[^\\x00-\\xff\]

应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

String.prototype.len=function()\{returnthis.replace(\[^\\x00-\\xff\]/g,”aa”).length;\}

匹配空行的正则表达式：\\n\[\\s| \]\*\\r

匹配HTML标记的正则表达式：/<(.\*)>.\*<\\/\\1>|<(.\*) \\/>/

匹配首尾空格的正则表达式：(^\\s\*)|(\\s\*$)

应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现，如下：

String.prototype.trim =function()

return this.replace(/(^\\s\*)|(\\s\*$)/g, “”);

利用正则表达式分解和转换IP地址：

下面是利用正则表达式匹配IP地址，并将IP地址转换成对应数值的Javascript程序：

function IP2V(ip)

re=/(\\d+)\\.(\\d+)\\.(\\d+)\\.(\\d+)/g  //匹配IP地址的正则表达式

if(re.test(ip))

returnRegExp.1∗Math.pow(255,3))+RegExp.1∗Math.pow(255,3))+RegExp.2\*Math.pow(255,2))+RegExp.3∗255+RegExp.3∗255+RegExp.4\*1

else

throw new Error(“Not a valid IP address!”)

不过上面的程序如果不用正则表达式，而直接用split函数来分解可能更简单，程序如下：

var ip=”10.100.20.168″

ip=ip.split(“.”)

alert(“IP值是：”+(ip\[0\]\*255\*255\*255+ip\[1\]\*255\*255+ip\[2\]\*255+ip\[3\]\*1))

匹配Email地址的正则表达式：\\w+(\[-+.\]\\w+)\*@\\w+(\[-.\]\\w+)\*\\.\\w+(\[-.\]\\w+)\*

匹配网址URL的正则表达式：http://(\[\\w-\]+\\.)+\[\\w-\]+(/\[\\w- ./ %&=\]\*)

//利用正则表达式去除字串中重复的字符的算法程序：

var s=”abacabefgeeii”

var s1=s.replace(/(.).\*\\1/g,”$1″)

var re=new RegExp(“\[“+s1+”\]”,”g”)

var s2=s.replace(re,””)

alert(s1+s2)  //结果为：abcefgi

思路是使用后向引用取出包括重复的字符，再以重复的字符建立第二个表达式，取到不重复的字符，两者串连。这个方

法对于字符顺序有要求的字符串可能不适用。

//得用正则表达式从URL地址中提取文件名的javascript程序，如下结果为page1

s=””

s=s.replace(/(.\*\\/)\{0,\}(\[^\\.\]+).\*/ig,”$2″)

alert(s)

/利用正则表达式限制网页表单里的文本框输入内容：

用正则表达式限制只能输入中文：οnkeyup=”value=value.replace(/\[^\\u4E00-\\u9FA5\]/g,”)”

onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/\[^\\u4E00-\\u9FA5\]/g,”)

)”

用正则表达式限制只能输入全角字符：οnkeyup=”value=value.replace(/\[^\\uFF00-\\uFFFF\]/g,”)”

onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/\[^\\uFF00-\\uFFFF\]/g,”)

)”

用正则表达式限制只能输入数字：οnkeyup=”value=value.replace(/\[^\\d\]/g,”)

“onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/\[^\\d\]/g,”))”

用正则表达式限制只能输入数字和英文：οnkeyup=”value=value.replace(/\[\\W\]/g,”)

“onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/\[^\\d\]/g,”))”

## 171.设置和使用cookie ##

<HTML>

<BODY>

设置与读取 cookies…<BR>

写入cookie的值<input type=textname=gg>

</BODY>

function Set()

var Then = new Date()

Then.setTime(Then.getTime() + 60\*1000 ) //60秒

document.cookie = “Cookie1=”+gg.value+”;expires=”+Then.toGMTString()

function Get()

var cookieString = new String(document.cookie)

var cookieHeader = “Cookie1=”

var beginPosition = cookieString.indexOf(cookieHeader)

if (beginPosition != -1)

document.all.Textbox.value = cookieString.substring(beginPosition + cookieHeader.length)

else

document.all.Textbox.value = “Cookie 未找到!”

</SCRIPT>

</HTML>//

## 172.取月的最后一天 ##

function getLastDay(year,month)

//取年

var new\_year = year;

//取到下一个月的第一天,注意这里传入的month是从1～12

var new\_month = month++;

//如果当前是12月，则转至下一年

if(month>12)

new\_month -=12;

new\_year++;

var new\_date = new Date(new\_year,new\_month,1);

return (new Date(new\_date.getTime()-1000\*60\*60\*24)).getDate();

\}//

## 173.判断当前的焦点是组中的哪一个 ##

for(var i=0;i<3;i++)

if(event.srcElement==bb\[i\])

break;//

## 174.实现类 ##

package com.baosight.view.utils;

import javax.servlet.jsp.tagext.TagSupport;

import javax.servlet.http.HttpSession;

public class Mytag extends TagSupport

public int doStartTag() throws javax.servlet.jsp.JspException

boolean canAccess = false;

HttpSession session= pageContext.getSession();

if (canAccess)

return EVAL\_BODY\_INCLUDE;

else

return this.SKIP\_BODY;

## 175.在web.xml中添加定义 ##

<taglib-uri>guoguo</taglib-uri>

<taglib-location>/WEB-INF/abc.tld</taglib-location>

</taglib>

## 176.标签库中定义abc.tld ##

< xml version=”1.0″ encoding=”UTF-8″ >

<!DOCTYPE taglib PUBLIC “-//Sun Microsystems, Inc.//DTD JSP Tag Library1.1//EN”

“;>

<uri>guoguo</uri>

<info>Extra 3 Tag Library</info>

<tag>

<name>mytag</name>

<tagclass>com.baosight.view.utils.Mytag</tagclass>

</attribute>

</tag>

</taglib>

## 177.在使用自定义标签的页面中加入自己定义的标签， ##

<%@ taglib uri=”guoguo” prefix=”guoguo” %>

//自己定义标签

## 178.显示带边框的集 ##

dfdfdf

</fieldset>//

## 179.菜单中的命令的实现 ##

### 1、〖打开〗命令的实现 ###

\[说明\]这跟VB等编程设计中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。