231个web前端的javascript特效分享(Alvin博客)
首发

231个web前端的javascript特效分享(Alvin博客)

优质
请用语音读文章

1.文本框焦点问题

onBlur:当失去输入焦点后发生 该事情

onFocus:当输入获得 焦点后。发生 该文件

Onchange:当文字值变化 时。发生 该事情

Onselect:当文字加亮后。发生 该文件

input type=”text” value=”郭强”onfocus=”if(value==’郭强’) {value=”}”onblur=”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.平面输入框

input type=”text” name=”T1″ size=”20″style=”border-style: solid; border-width: 1″

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

script

window.resizeTo(300,283);

/script

8.使文字上下滚动

marquee direction=up scrollamount=1 scrolldelay=100onmouseover=’this.stop()’ onmouseout=’this.start()’

height=60

!– head_scrolltext –

tr

td

共和国

/tableamp;amp;amp;amp;nbsp; !– endhead_scrolltext –

/marquee

9.情况 栏展现 该页情况

base onmouseover=”window.status=’网址 建设’ ;return true”

10.可以点一下 文字实现radio选项的选定

br

input type=”radio”name=”regtype” value=”A03″ id=”A03″

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

11.可以在文字域的font编辑 onclick事情

12.打印/a打印网页

a javascript:window.print ()’

13.线型输入框

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

class=”line”

14.展现 文档最后 改写 日期

script language=javascript

function hi(str)

document.write(document.lastModified)

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

/script

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

html

head

script language=”LiveScript”

!– Hiding

function hello() {

alert(“哈罗!”);

/script

/head

body

a href=”” onMouseOver=”hello()”link/a

/body

/html

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

HTML

HEAD

TITLEbackground.html/TITLE

/HEAD

SCRIPT

function bgChange(selObj) {

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

document.bgColor = newColor;

selObj.selectedIndex = -1;

/SCRIPT

BODY STYLE=”font-family:Arial”

BChanging Background Colors/B

BR

FORM

SELECT SIZE=”8″ onChange=”bgChange(this);”

OPTIONRed

OPTIONOrange

OPTIONYellow

OPTIONGreen

OPTIONBlue

OPTIONIndigo

OPTIONViolet

OPTIONWhite

OPTIONpink

/SELECT

/FORM

/BODY

/HTML

17.将按钮的特性 变化

style type=”text/css”

.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=”提 交” onmouseover=”this.className=’style2′”

onmouseout=”this.className=’style1′”class=”style1″

18.变化 按钮的图片.

style type=”text/css”

.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=”提交” onmouseover=”this.className=’style4′”

onmouseout=”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中

script language=javascript

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′=charchar=’9’))

29.将字符转化为数字

month = parseInt(char)

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

select onchange=’if(this.value!=””)window.open(this.value)’class=”textinput”

option selected主办单位/option

option—————–/option

option value=”;北京日报/option

option value=”;北京晚报/option

/select

31.变化 背景颜色

td width=* class=dp bgColor=#FAFBFConmouseover=”this.bgColor=’#FFFFFF’;”

onmouseout=”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

input name=content type=text size=”47″ class=”input2″maxlength=”50″

33.变化 水平线的特性

hr size=”0″ noshade color=”#C0C0C0″

34.传递参数的方法

a href=”vote.asp CurPage=8id=3488″8/a

35.页内跳转

a href=”#1″1/a

a href=”#2″2/a

a href=”#3″3/a

a href=”#4″4/a

a href=”#5″5/a

a href=”#6″6/a

a href=”#7″7/a

a name=”1″dfdf/a

a name=”2″dfdf/a//

36.两个按键一起按下

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

37.刷新页面

javascript:this.location.reload()//

38.将网页的按钮使能

SCRIPT LANGUAGE=”JavaScript”

function haha()

for(var i=0;idocument.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

INPUT TYPE=”button” NAME=”aa ” value=cindyonclick=haha()

INPUT TYPE=”button” NAME=”bb ” value=guoguo

INPUT TYPE=”button” NAME=”bb ” value=guoguo

39.文字移动

marquee scrollamount=3onmouseover=this.stop(); onmouseout=this.start();

40.双击网页全自动 跑

SCRIPT LANGUAGE=”JavaScript”

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.onmousedown=sc

document.ondblclick=initialize

/SCRIPT//

41.后退

INPUT TYPE=”button” onclick=window.history.back() value=back

42.前进

INPUT TYPE=”button” onclick=window.history.forward()value=forward

43.刷新

INPUT TYPE=”button” onclick=document.location.reload()value=reload

44.转向指定网页

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

45.在网页上展现 一整天 时光

SCRIPT LANGUAGE=”JavaScript”

var clock_id;

window.onload=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”内编辑 下需求 内容

INPUT TYPE=”button” onclick=”a1.innerHTML=’fontcolor=red*/fontamp;apos;amp;apos;”

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

a

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.*” %

%@ 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″ onmouseover=this.className=’mouseoverbt’;

onmouseout=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/btbgw64h30y.gif);

background-repeat: no-repeat;

.mouseout

background-color: #E0E0E0;

/style

55.同一时间 按下CTRL和Q键

document.onkeydown=function()

if(event.ctrlKeyevent.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

SCRIPT LANGUAGE=”JavaScript”

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

text id=guoguo value=ga

a href=# onmouseover=showme() onmouseout=hidme() onmousemove=showme()son=hintdfdfd/a

div id=hint style=”display:none”amp;amp;amp;amp;lt;/div

/BODY

/HTML

57.弹出窗口

途径 一:body onload=”openwen()” 浏览器读页面时弹出窗口;

途径 二:body onunload=”openwen()” 浏览器离开页面时弹出窗口;

途径 三:用一个连接调用:a href=”#” onclick=”openwin()”打开一个窗口/a

小心 :使用的”#”是虚连接。

途径 四:用一个按钮调用:input type=”button”onclick=”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确认 框

script language=”VBScript”

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,’’);

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.禁止选择页面上的文字来拷贝

script

function noEffect() {

with (event) {

returnValue = false;

cancelBubble = true;

return;

/script

body onselectstart=”noEffect()”oncontextmenu=”noEffect()”//

72.屏蔽右键菜单

oncontextmenu=”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 onmouseup=”alert(document.selection.createRange().text)”value=123//

78.跳转至目标页面。同一时间 不可返回

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

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

script

function getrow(obj)

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

curRow=event.srcElement.parentElement;

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

/script

table border=”1″width=”100%” onclick=getrow(this)

tr

td width=”20%”amp;amp;amp;amp;lt;/td

td width=”20%” /td

td width=”20%” /td

td width=”20%” /td

td width=”20%” /td

/tr

tr

td width=”20%” /td

td width=”20%” /td

td width=”20%” /td

td width=”20%” /td

td width=”20%” /td

/tr

/table//

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

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

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

table id=”t1″ border=”1″

/table

script language=”JavaScript”

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}\::{21EC2021 -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 onclick=”min.Click()”amp;amp;amp;amp;lt;fontface=”webdings”0/fontamp;amp;amp;amp;lt;/button//变化 按钮上的图片

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

input type=button onclick=”document.execCommand(‘print’,’true’,’true’)” //打印

input type=button onclick=”document.execCommand(‘saveas’,’true’,’网址 生产 .htm’)”//另存为htm

input type=button onclick=”document.execCommand(‘saveas’,’true’,’网址 生产 .txt’)”//另存为txt

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

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

89.web谈话 聊天框

SCRIPT

var contents=’stylebody,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 onclick=self.close() alt=”…关闭”amp;apos;amp;apos

contents+=’img src=jet.gif onclick=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的值

buttononclick=”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’

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

的字符’//

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

INPUT TYPE=”text” NAME=””kjhkjhkhkjINPUTTYPE=”button” onclick=”document.execCommand(‘Copy’, ‘false’,

null);”////

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

select onmouseover=”javascript:this.size=this.length”onmouseout=”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

SCRIPT LANGUAGE=”JavaScript”

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+”br4人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%12br4人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%12br4人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

script language=”javascript”

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

onmouseover=’javascript:show(this);’onmouseout=’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%’

onmouseover=’javascript:show(this);’onmouseout=’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%’

onmouseover=’javascript:show(this);’onmouseout=’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%’

onmouseover=’javascript:show(this);’onmouseout=’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%’

onmouseover=’javascript:show(this);’onmouseout=’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%’

onmouseover=’javascript:show(this);’onmouseout=’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,22021 096,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

div style=”position:absolute; left: 10; top: 10; width: 760; height:16″

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

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

tr

td width=”100%” id=div1amp;amp;amp;amp;lt;/td

/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 onmouseover=this.className=’Overnone’ //

107.页面翻转

html dir=rtlamp;amp;amp;amp;lt;/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.变化 鼠标样式

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

tramp;amp;amp;amp;lt;td id=c1CELL_1/tdamp;amp;amp;amp;lt;/tr

tramp;amp;amp;amp;lt;td id=c2CELL_2/tdamp;amp;amp;amp;lt;/tr

/table

br

input type=”button” value=”swap row” onclick=”c1.swapNode(c2)”//

118.删除节点

table width=200 height=200 border

tr id=trallamp;amp;amp;amp;lt;td id=c1CELL_1/tdamp;amp;amp;amp;lt;/tr

tramp;amp;amp;amp;lt;td id=c2CELL_2/tdamp;amp;amp;amp;lt;/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

buttonNew/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

returnMath.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/buttonamp;amp;amp;amp;lt;br

textarea id=”text1″ cols=50 rows=10

/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(vari=0;ioRooem(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″

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:”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();

tDatedDate alert(“早于”):alert(“晚于”);//

139.弹出鼠标所在处的链结地址

body onmouseover=”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.length3)

tmp1=”0″+tmp1;

tmp2 =this.getDate()+””;

if(tmp2.length3)

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;

Excel应用 = new ActiveXObject(“Excel.应用 lication”);

ExcelSheet = new ActiveXObject(“Excel.Sheet”);

//本代码启动创建对象的应用软件程序 (在这个 情况 下。Microsoft Excel 事情 表)。只要 对象被创建。就可以用定义的对

象变量在代码中引用它。 在下面的举例 中。通过对象变量 ExcelSheet采访 新对象的属性和途径 和很多 Excel 对象。

包括 应用 lication 对象和 ActiveSheet.Cells 集合。

// 使 Excel 通过 应用 lication 对象可见。

ExcelSheet.应用 lication.Visible = true;

// 将有些 文本放置到表格的第一格中。

ExcelSheet.ActiveSheet.Cells(1,1).Value = “This is column A, row 1”;

// 保存表格。

ExcelSheet.SaveAs(“C:\\TEST.XLS”);

// 用 应用 lication 对象用 Quit 途径 关闭 Excel。

ExcelSheet.应用 lication.Quit();//

150.根据标签获得 一组对象

var coll = document.all.tags(“DIV”);

if (coll!=null)

for (i=0; icoll.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 value=打印预览onclick=”wb.execwb(7,1)”

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

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

INPUT TYPE=”text” NAME=”gg” value=aaaaa

SCRIPT LANGUAGE=”JavaScript”

alert(document.all.gg.value)

/SCRIPT//

153.使鼠标滚轮失效

function document.onmousewheel()

return false;

154.创建弹出窗口

SCRIPT LANGUAGE=”JScript”

var oPopup = window.createPopup();

var oPopupBody = oPopup.document.body;

oPopupBody.innerHTML = “Display some BHTML/Bhere.”;

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”

onclick=”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.onmouseup=new Function(“dragapproved = false”);//

165.将数字转化为RMB 大编辑 形式

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 = “RMB ”;

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

xml id=”abc” src=”test.xml”amp;amp;amp;amp;lt;/xml

table border=’1′ datasrc=’#abc’

thead

td接收人/td

td发送人/td

td主题/td

td内容/td

/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

CATALOG

CD

TITLEEmpire Burlesque/TITLE

ARTISTBob Dylan/ARTIST

COUNTRYUSA/COUNTRY

COMPANYColumbia/COMPANY

PRICE10.90/PRICE

YEAR1985/YEAR

/CD

CD

TITLEHide your heart/TITLE

ARTISTBonnie Tyler/ARTIST

COUNTRYUK/COUNTRY

COMPANYCBS Records/COMPANY

PRICE9.90/PRICE

YEAR1988/YEAR

/CD

CD

TITLEGreatest Hits/TITLE

ARTISTDolly Parton/ARTIST

COUNTRYUSA/COUNTRY

COMPANYRCA/COMPANY

PRICE9.90/PRICE

YEAR1982/YEAR

/CD

CD

TITLEStill got the blues/TITLE

ARTISTGary Moore/ARTIST

COUNTRYUK/COUNTRY

COMPANYVirgin records/COMPANY

PRICE10.20/PRICE

YEAR1990/YEAR

/CD

/CATALOG

167.以下搭配 可以正确展现 汉字

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

ANSI gbk/GBK、gb2312

Unicode unicode/Unicode

UTF-8 UTF-8

168.XML操作

xml id=”xmldata” src=”/data/books.xml”

div id=”guoguo”amp;amp;amp;amp;lt;/div

script

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的正则表示 式:/ %=]*)

//////////使用 正则表示 式去除字串中重复的字符的算法程序:

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)

/////////使用 正则表示 式限制 网页表单里的文本框输入内容:

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

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

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

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

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

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

用正则表示 式限制 只能 输入数字和英文 :onkeyup=”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

INPUT TYPE = BUTTON Value = “设置cookie”onClick = “Set()”

INPUT TYPE = BUTTON Value = “读取cookie”onClick = “Get()”amp;amp;amp;amp;lt;BR

INPUT TYPE = TEXT NAME = Textbox

/BODY

SCRIPT LANGUAGE=”JavaScript”

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;

//取到下30天 的第一天 ,小心 这里传入的month是从1~12

var new_month = month++;

//如果目前 是12月。则转至下365天

if(month32)

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;i3;i++)

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

break;//

174.实现类

package com.baosight.view.utils;

import javax.servlet.jsp.tagext.TagSupport;

import javax.servlet.;

public class Mytag extends TagSupport

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

boolean canAccess = false;

();

if (canAccess)

return EVAL_BODY_INCLUDE;

else

return this.SKIP_BODY;

175.在web.xml中添加定义

taglib

taglib-uriguoguo/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”

taglib

tlibversion1.0/tlibversion

jspversion1.1/jspversion

shortnamehr/shortname

uriguoguo/uri

infoExtra 3 Tag Library/info

tag

namemytag/name

tagclasscom.baosight.view.utils.Mytag/tagclass

attribute

nameid2/name

requiredtrue/required

rtexprvaluetrue/rtexprvalue

/attribute

/tag

/taglib

177.在使用自己定义设置 标签的页面中加入自己定义的标签。

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

//自己定义标签

178.展现 带边框的集

fieldset style=”border:1px gray solid;width:100px”

legend查询条件/legend

dfdfdf

/fieldset//

179.菜单中的命令的实现

1、〖打开〗命令的实现

[说明]这跟VB等编程设计中的webbrowser控件中的命令有些 差不多 。各位 也可依此琢磨琢磨。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###” onclick=document.execCommand(“open”)打开/a

2、〖使用 记事本 编辑 〗命令的实现

[说明]打开记事本。在记事本中展现 该网页的源代码。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###”onclick=location.replace(“view-source:”+location)使用 记事本编辑 /a

3、〖另存为〗命令的实现

[说明]将该网页保存到本地盘的其它目录!

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###” onclick=document.execCommand(“saveAs”)另存为/a

4、〖打印〗命令的实现

[说明]当然。你一定 装了打印机!

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###” onclick=document.execCommand(“print”)打印/a

5、〖关闭〗命令的实现

[格式]:window.close();return false

[说明]将关闭本窗口。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###” onclick=window.close();return false)关闭本窗口/a

180.菜单中的命令的实现

〖全选〗命令的实现

[说明]将选种网页中的全部内容 !

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###” onclick=document.execCommand(“selectAll”)全选/a

181.菜单中的命令的实现

1、〖刷新〗命令的实现

[格式]:location.reload() 或history.go(0)

[说明]浏览器从头开始 打开本页。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###” onclick=location.reload()刷新/a

或加入:

a href=”###” onclick=history.go(0)刷新/a

2、〖源文件〗命令的实现

[说明]查就这样看 该网页的源代码。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###”onclick=location.replace(“view-source:”+location)查就这样看 源文件/a

3、〖全屏展现 〗命令的实现

[格式]:window.open(document.location, “url”,”fullscreen”)

[说明]全屏展现 本页。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###”onclick=window.open(document.location,”url”,”fullscreen”)全屏展现 /a

182.菜单中的命令的实现

1、〖添加到收藏夹〗命令的实现

[格式]:window.external.AddFavorite(‘url’, ‘“网址 名”)

[说明]将本页添加到收藏夹。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”javascript:window.external.AddFavorite(”,’胡明新的个体 主页’)”添加到收

藏夹/a

2、〖整理收藏夹〗命令的实现

[说明]打开整理收藏夹谈话 聊天框 。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###”onclick=window.external.showBrowserUI(“OrganizeFavorites”,null)整理收藏夹/a

183.菜单中的命令的实现

〖internet选项〗命令的实现

[说明]打开internet选项谈话 聊天框 。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###”onclick=window.external.showBrowserUI(“PrivacySettings”,null)internet选项/a

184.中的命令的实现

1、〖前进〗命令的实现

[格式]history.go(1) 或history.forward()

[说明]浏览器打开后一个页面。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###” onclick=history.go(1)前进/a

或加入:

a href=”###” onclick=history.forward()前进/a

2、〖后退〗命令的实现

[格式]:history.go(-1) 或history.back()

[说明]浏览器返回上一个已浏览的页面。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###” onclick=history.go(-1)后退/a

或加入:

a href=”###” onclick=history.back()后退/a

3、〖刷新〗命令的实现

[格式]:document.reload() 或history.go(0)

[说明]浏览器从头开始 打开本页。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###” onclick=location.reload()刷新/a

或加入:

a href=”###” onclick=history.go(0)刷新/a

185.其它命令的实现

〖定时关闭本窗口〗命令的实现

[说明]将关闭本窗口。

[举例]在bodyamp;amp;amp;amp;lt;/body之间加入:

a href=”###” onclick=settimeout(window.close(),3000)3秒关闭本窗口/a

为了方便读者。下面将列出任何 实例代码。你可以把它们放到一个html文件中。之后跟着 预览效果。

a href=”###” onclick=document.execCommand(“open”)打开/aamp;amp;amp;amp;lt;br

a href=”###”onclick=location.replace(“view-source:”+location)使用 记事本编辑 /aamp;amp;amp;amp;lt;br

a href=”###” onclick=document.execCommand(“saveAs”)另存为/aamp;amp;amp;amp;lt;br

a href=”###” onclick=document.execCommand(“print”)打印/aamp;amp;amp;amp;lt;br

a href=”###” onclick=window.close();return false)关闭本窗口/aamp;amp;amp;amp;lt;br

a href=”###”onclick=document.execCommand(“selectAll”)全选/aamp;amp;amp;amp;lt;br

a href=”###” onclick=location.reload()刷新/a a href=”###” onclick=history.go(0)刷新/aamp;amp;amp;amp;lt;br

a href=”###”onclick=location.replace(“view-source:”+location)查就这样看 源文件/aamp;amp;amp;amp;lt;br

a href=”###”onclick=window.open(document.location,”url”,”fullscreen”)全屏展现 /aamp;amp;amp;amp;lt;br

ahref=”javascript:window.external.AddFavorite(”,’天极网页陶吧’)”添加到收藏夹

/aamp;amp;amp;amp;lt;br

a href=”###”onclick=window.external.showBrowserUI(“OrganizeFavorites”,null)整理收藏夹/aamp;amp;amp;amp;lt;br

a href=”###”onclick=window.external.showBrowserUI(“PrivacySettings”,null)internet选项/aamp;amp;amp;amp;lt;br

a href=”###” onclick=history.go(1)前进1/a a href=”###” onclick=history.forward()前进2/aamp;amp;amp;amp;lt;br

a href=”###” onclick=history.go(-1)后退1/a a href=”###” onclick=history.back()后退2/aamp;amp;amp;amp;lt;br

a href=”###” onclick=settimeout(window.close(),3000)3秒关闭本窗口/aamp;amp;amp;amp;lt;br

186.给DHTML中的标签添加一个新的属性。可以随便 加

BODY onload=”alert(a1.epass)”

input type=text name=”a1″ epass=”zhongguo”

/BODY//

187.xmlhttp技术

BODY 此途径 是通过XML文档。示比如 下。

input type=button value=”加载XML文档” onclick=”getData(‘data.xml’)”

script language=”JavaScript”

function getDatal(url){

var xml对象

xml请求

xml响应

return xml文档

/script

/BODY//

188.服务器端通过request.getReader()获得 传入的字符串

189.在java中使用正则表示 式

java.util.regex.Pattern p =

java.utipile(“\\d+|.\\d+|\\d+.\\d*|(E|\\d+E|.\\d+E|\\d+.\\d*E)((\\+|-)\\d|\\d)\\d*”);

java.util.regex.Matcher m = p.matcher(“12.E+3”);

boolean result = m.matches();//

190.给下拉框分组

SELECT

OPTGROUP LABEL=”碱性金属”

OPTION锂 (Li)/OPTION

OPTION纳 (Na)/OPTION

OPTION钾 (K)/OPTION

/OPTGROUP

OPTGROUP LABEL=”卤素”

OPTION氟 (F)/OPTION

OPTION氯 (Cl)/OPTION

OPTION溴 (Br)/OPTION

/OPTGROUP

/SELECT//

191.加注音

RUBY

基准文本

RT注音文本

/RUBY//

192.加删除线

S此文本将带删除线展现 。/S//

193.取frame中的event事情

document.frames(“workspace”).event.keyCode//

194.是弹出途径 的定义

String.prototype.trim=function()

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

alert(” “.trim)//

195.以免 网页被包含

if (window != window.top)

top.location.href = location.href;//

196.让网页一直在frame里面

if(window==window.top)

document.body.innerHTML=”centeramp;amp;amp;amp;lt;h3请通过正常方法 采访 本页面!/h3amp;amp;amp;amp;lt;/centeramp;amp;amp;amp;quot

//window.close();

197.加为首页

SCRIPT

function fnSet(){

oHomePage.setHomePage(location.href);

event.returnValue = false;

/SCRIPT

IE:HOMEPAGE ID=”oHomePage”style=”behavior:url(#default#homepage)”///

198.xml资料 岛操作

HTML

HEADamp;amp;amp;amp;lt;TitleHTML中的资料 岛中的记录集/Titleamp;amp;amp;amp;lt;/HEAD

body bkcolor=#EEEEEE text=blue bgcolor=”#00FFFF”

Table align=center width=”100%”amp;amp;amp;amp;lt;TRamp;amp;amp;amp;lt;TDalign=”center”

h5amp;amp;amp;amp;lt;bamp;amp;amp;amp;lt;font size=”4″color=”#FF0000″HTML中的XML资料 岛记录编辑 与添加 /fontamp;amp;amp;amp;lt;/bamp;amp;amp;amp;lt;/h5

/TDamp;amp;amp;amp;lt;/TRamp;amp;amp;amp;lt;/Table

HR

酒店名称:input type=text datasrc=#theXMLislandDataFLD=NAME size=”76″amp;amp;amp;amp;lt;BR

地址:input type=text datasrc=#theXMLislandDataFLD=Address size=”76″amp;amp;amp;amp;lt;BR

主页:input type=text datasrc=#theXMLislandDataFLD=HomePage size=”76″amp;amp;amp;amp;lt;BR

电子邮件:input type=text datasrc=#theXMLislandDataFLD=E-Mail size=”76″amp;amp;amp;amp;lt;BR

电话:input type=text datasrc=#theXMLisland DataFLD=TelePhonesize=”76″amp;amp;amp;amp;lt;BR

级别:input type=text datasrc=#theXMLislandDataFLD=Grade size=”76″amp;amp;amp;amp;lt;HR

input id=”first” TYPE=button value=”$amp;

input id=”prev” TYPE=button value=”上一条记录” onclick=”theXMLisland.recordset.movePrevious()”amp;amp;amp;amp;nbsp;

input id=”next” TYPE=button value=”下一条记录amp;amp;amp;amp;quot;onclick=”theXMLisland.recordset.moveNext()”amp;amp;amp;amp;nbsp;

input id=”last” TYPE=button value=”最后 一条记录amp;amp;amp;amp;amp;amp;quot;onclick=”theXMLisland.recordset.moveLast()”amp;amp;amp;amp;amp;nbsp;

input id=”Add” TYPE=button value=”添加新记录” onclick=”theXMLisland.recordset.addNew()”amp;amp;amp;amp;nbsp;

XMLID=”theXMLisland”

HotelList

Hotel

Name四海大酒店/Name

Address海魂路1号/Address

HomePageamp;amp;amp;amp;lt;/HomePage

E-Mailmaster@sihaohote/E-Mail

TelePhone(0989)8888888/TelePhone

Grade五星级/Grade

/Hotel

Hotel

Name五湖宾馆/Name

Address东平路99号/Address

HomePageamp;amp;amp;amp;lt;/HomePage

E-Mailweb@wuh/E-Mail

TelePhone(0979)1111666/TelePhone

Grade四星级/Grade

/Hotel

Hotel

Name“大沙漠”宾馆/Name

Address留香路168号/Address

HomePageamp;amp;amp;amp;lt;/HomePage

E-Mailamp;amp;amp;amp;lt;/E-Mail

TelePhone(0989)87878788/TelePhone

Grade五星级/Grade

/Hotel

Hotel

Name“画眉鸟”大酒店/Name

Address血海飘香路2号/Address

HomePageamp;amp;amp;amp;lt;/HomePage

E-Mailchuliuxiang@throstlehote/E-Mail

TelePhone(099)9886666/TelePhone

Grade五星级/Grade

/Hotel

/HotelList

/XML

/bodyamp;amp;amp;amp;nbsp;

/HTML //xml资料 岛中添加记录

The following list is a sample of the properties and methods that youuse to access nodes in an XML

document.

Property/ Method Description

XMLDocument Returns a reference to the XML Document Object Model (DOM) exposedby the object.

documentElement Returns thedocument root of the XML document.

childNodes Returns a node list containing the children of anode (if any).

item Accesses individual nodes within the list throughan index. Index values are zero-based, so

item(0) returns the first childnode.

text Returns the text content of the node.

The following code shows an HTMLpage containing an XML data island. The data island is contained within

the XML element.

HTML

HEAD

TITLEHTML with XML Data Island;/TITLE

/HEAD

BODY

PWithin this document is an XML dataisland./P

XMLID=”resortXML”

resorts

resort code=’1′AdventureWorks/resort

resortAlpine SkiHouse/resort

/resorts

/XML

/BODY

/HTML

For an example, you can cut and paste this sample line of code:

resortXML.XMLDocument.documentElemenem(1).text//读取页面上的XML资料 岛中的资料

resortXML.documentElemenem(0).getAttribute(“code”)//读取页面上的XML资料 岛中的资料

resortXML.documentElement.childNodes[0].getAttribute(“code”)//读取页面上的XML资料 岛中的资料

199.模式窗口

父窗口

var url=”aaa.jsp”;

var

data=showModalDialog(url,null,”dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizab

le:Yes;edge:sunken”);

if(data)

alert(data.value);

子窗口

var data=new Object();

data.value1=”china”;

window.returnValue=data;

window.close();

200.动态设置事情 。带参数

INPUT TYPE=”text” NAME=”a1″

SCRIPT LANGUAGE=”JavaScript”

function hah(para)

alert(para)

a1.onclick=function()

hah(‘canshu ‘)

//a1.attachEvent(“onclick”,function(){hah(‘参数’)});

/SCRIPT//

201.将url转化为16进制形式

var ret = ”;

for(var i=0; i str.length; i++)

var ch = str.charAt(i);

var code = str.charCodeAt(i);

if(code 128 ch != ‘[‘ ch != ‘\” ch != ‘=’)

ret += ch;

else

ret += “[” + code.toString(16) + “]”;

return ret;//

202.打开新的窗口并将新打开的窗口设置为活动 窗口

var newWin=window.open(“xxxx”);

newWin.focus();//

203.容错脚本

JS中碰到 脚本错误时不做任何 操作:window.onerror = doNothing;

指定错误句柄的语法为:window.onerror = handleError

function handleError(message, URI, line)

{// 提示玩家 。该页可能不可以 正确回应

return true; // 这将终止默认信息

}//在页面出错时进行操作

204.JS中的窗口重定向:

window.navigate(“;);//

205.以免 链接文字折行

document.body.noWrap=true;//

206.判断字符是否匹配.

string.match(regExpression)//

207.

href=”javascript:document.Form.Name.value=’test’;void(0);”//不可以 用onClick=”javacript:document.Form.Name.v

alue=’test’;return false;”

当使用inline方法 添加事情 处理脚本事。有一个被包装成匿名函数的过程。也就是说

onClick=”javacript:document.Form.Name.value=’test’;return false;”被包装成了:

functoin anonymous()

document.Form.Name.value=’test’;return false;

做为A的成员函数onclick。

而href=”javascript:document.Form.Name.value=’test’;void(0);”等于 执行全局语句。这时如果使用return语句会

报告在函数外使用return语句的错误。

208.进行页面放大

P onmouseover=”this.style.zoom=’200%’”onmouseout=”this.style.zoom=’normal’”

sdsdsdsdsdsdsdsds

/p//

209.放置在页面的最右边input type=”text” value=’bu2′ style=”float:right”//

210.通过style来控制隔行展现 不一样 颜色

style

tr{

bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 ) ‘white’ : ‘yellow’);

/style

table id=”oTable” width=”100″ border=”1″style=”border-collapse:collapse;”

tramp;amp;amp;amp;lt;tdamp;amp;amp;amp;amp;nbsp;/tdamp;amp;amp;amp;lt;/tr

tramp;amp;amp;amp;lt;tdamp;amp;amp;amp;amp;nbsp;/tdamp;amp;amp;amp;lt;/tr

tramp;amp;amp;amp;lt;tdamp;amp;amp;amp;amp;nbsp;/tdamp;amp;amp;amp;lt;/tr

tramp;amp;amp;amp;lt;tdamp;amp;amp;amp;amp;nbsp;/tdamp;amp;amp;amp;lt;/tr

tramp;amp;amp;amp;lt;tdamp;amp;amp;amp;amp;nbsp;/tdamp;amp;amp;amp;lt;/tr

/table//

211.全屏最大 化

newwindow=window.open(“”,””,”scrollbars”)

if (document.all)

newwindow.moveTo(0,0)

newwindow.resizeTo(screen.width,screen.height)

212.根据名字解析 xml中的节点值

var XMLDoc=new ActiveXObject(“MSXML”);

XMLDoc.url=”d:/abc.xml”;

aRoot=XMLDoc.root;

a1.innerText=aRooem(“name”).text;//

213.在页面上解析 xml的值

url=/library/en-us/xmlsdk/html/5996c682-3472-4b03-9fb0-1e08

fcccdf35.asp

214.就这样看 一个字符串里面有多少个回车符。返回值是一个数组

var s=value.match(/\n/g);if(s)if(s.length==9){alert(’10行了’);return false;}//

215.获得 asc码

var s=’aa’;

alert(s.charCodeAt(1))//

216.文字居右对齐

input type=”text” value=”123″style=”text-align:right”//

217.判断一个途径 是否存在

function pageCallback(response){

alert(response);

if(pageCallback)

alert(1)//

218.判断一个变量是否定义

if(typeof(a)==”undefined”)

alert()

219.javascript执行本机的可执行驶路程 序,需设置为可信或者跌破 IE安全级别

script

function exec (command) {

window.oldOnError = window.onerror;

window._command = command;

window.onerror = function (err) {

if (err.indexOf(‘utomation’) != -1) {

alert(‘命令已经被玩家 禁止!’);

return true;

else return false;

var wsh = new ActiveXObject(‘WScript.Shell’);

if (wsh)

wsh.Run(command);

window.onerror = window.oldOnError;

/script

调用方法

a href=”javascript:” onclick=”exec(‘D:/test.bat’)”测试/a//

220.弹出新页面。关闭旧页面。不弹出提示框

var w=screen.availWidth-10;

var h=screen.availHeight-10;

var swin=window.open(“/message_management.jsp”,

“BGSMbest”,”scrollbars=yes,status,location=0,menubar=0,toolbar=0,resizable=no,top=0,left=0,height=”+h+”,w

idth=”+w);

window.opener=null;

window.close();//

221.能输入的下拉框

span

input name=”Department1″ id=”Department1″ style=”border-right:0;width:130″ autocomplete=”off”

span style=”width:150;overflow:hidden”

select style=”width:150;margin-left:-130″onChange=”Department1.value=value”

option value=””amp;amp;amp;amp;lt;/option

option value=”asdfasfadf”asdfasfadf/option

option value=”546546″546546/optionamp;amp;amp;amp;lt;/select //

222.在途径 中定义全局变量

function globalVar (script) {

eval(script);//all navigators

//window.execScript(script); //for ie only

globalVar(‘window.haha = “../system”;’);

alert(haha);//在途径 中定义全局变量。其中 的haha就是全局变量了

223.展现 一个对象的全部的属性和属性的值

var a=new Object();

a.name=’a1′;

a.***=’mail’

for(var p in a)

alert(p+”=”+a[p])

224.16进制转换成10进制

var n = parseInt(“2AE”,16);//这里将16进制的 2AE 转成 10 进制数。获得 n 的值是 686

225.复制粘贴

BODY

input type=”file” name=’a1’amp;amp;amp;amp;lt;input type=”button”value=’复制粘贴’ onclick=”haha()”amp;amp;amp;amp;lt;divid=”aa”amp;amp;amp;amp;lt;/div

SCRIPT LANGUAGE=”JavaScript”

function haha()

clipboardData.setData(“Text”,a1.value);

aa.innerText=clipboardData.getData(“Text”);

/SCRIPT

/BODY//

226.获得 对象类别

switch (object.constructor){

case Date:

case Number:

case String:

case MyObject:

default:

227.图片加载失败时从头开始 加载图片

img src=”/aa.gif” onerror=”this.src=’/aa.gif’”//

228.

//font_effect.htc

PUBLIC:ATTACH EVENT=”onmouseover” ONEVENT=”glowit()”/

PUBLIC:ATTACH EVENT=”onmouseout” ONEVENT=”noglow()”/

SCRIPT LANGUAGE=”JScript”

//定义一个保存字体颜色的变量

var color;

function glowit()

color=element.style.backgroundColor;

element.style.backgroundColor=’white’

function noglow()

element.style.backgroundColor=color

/SCRIPT

//abc.css

tr{behavior:url(font_effect.htc);}

229.可以通过css和htc变化 表格的颜色,仅IE接受

//xxx.html

link rel=”stylesheet” type=”text/css”href=”abc.css”

TABLE border=’1′ id=”a1″

TR style=”background-color:red”

TD1/TD

TD2/TD

TD3/TD

/TR

TR style=”background-color:yellow”

TD4/TD

TD5/TD

TD6/TD

/TR

/TABLE//

230.在页面上画点

function a(x,y,color)

document.write(“img border=’0′ style=’position: absolute; left:”+(x+20)+”; top:

“+(y+20)+”;background-color:”+color+”‘ width=1 height=1amp;amp;amp;amp;quot;)

231.全自动 关闭网页

script LANGUAGE=”javascript”

setTimeout(‘window.close();’, 10000); //60秒后关闭

/script

p align=”center”本页10秒后全自动 关闭,请小心 刷新页面/p

/div

以上就是由优质生活领域创作者 生活常识网 整理编辑的,如果觉得有帮助欢迎收藏转发~

分享到 :
相关推荐

朴叙俊朴敏英承认热恋(李敏镐朴敏英承认热恋)

请用语音读文章最近韩剧《金秘书》大火。也让剧中的cp朴敏英与朴叙俊俩人的事业更上一[...

香奈儿青春光彩保湿粉饼怎么样

请用语音读文章你们的可甜可盐可可爱的时尚小可爱导师。专注于时尚的探秘者。解决各类发[...

欧美大尺度电影(大尺度欧美电影)

请用语音读文章曾出品华裔故事片《别告诉她》(TheFarewell)的制片公司A[&...

三包法规定退换货条件(契合换货条件的)

请用语音读文章什么是汽车三包规定?汽车三包规定。是指国家质量监督检验检疫总局20[&...

发表评论

您的电子邮箱地址不会被公开。