部分常用JavaScript代码
因内容的限制,无法在本博客中全部发布,只能保存到记事本中上传附件了,请下载完整版查阅该资料全部内容。
完整版下载:部 分常用JavaScript代码.rar (26.1 KB)
====================================
事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事
件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
窗体
活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜
单事件
document.oncontextmenu
创建元素
document.createElement("SPAN");
根
据鼠标获得元素:
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)
窗
体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
插件数目
navigator.plugins
取变量类型
typeof($js_libpath) ==
"undefined"
下拉框
下拉框.options[索引]
下拉框.options.length
查找对象
document.getElementsByName("r1");
document.getElementById(id);
定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);
UNCODE编码
escape() ,unescape
父对象
obj.parentElement(dhtml)
obj.parentNode(dom)
交换表的行
TableID.moveRow(2,1)
替换CSS
document.all.csss.href
= "a.css";
并排显示
display:inline
隐藏焦点
hidefocus=true
根
据宽度换行
style="word-break:break-all"
自动刷新
<meta
HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
简单邮件
<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
快
速转到位置
obj.scrollIntoView(true)
锚
<a name="first">
<a
href="#first">anchors</a>
网页传递参数
location.search();
可
编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand
双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
让英文字符串超出表格宽度自动换行
word-wrap:
break-word; word-break: break-all;
透明背景
<IFRAME src="1.htm"
width=300 height=180 allowtransparency></iframe>
获得style内容
obj.style.cssText
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
防止点击空链接时,页面
往往重置到页首端。
<a href="BLOCKED SCRIPTfunction()">word</a>
上
一网页源
asp:
request.servervariables("HTTP_REFERER")
BLOCKED
SCRIPT
document.referrer
释放内存
CollectGarbage();
禁止右键
document.oncontextmenu
= function() { return false;}
禁止保存
<noscript><iframe
src="*.htm"></iframe></noscript>
禁止选取<body
oncontextmenu="return false" ondragstart="return false" onselectstart
="return false" onselect="document.selection.empty()"
oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()>
禁止粘贴
<input
type=text onpaste="return false">
地址栏图标
<link
rel="Shortcut Icon" href="favicon.ico">
favicon.ico
名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
<link rel="Bookmark"
href="favicon.ico">
查看源码
<input type=button value=查看网页源代码
onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
关
闭输入法
<input style="ime-mode:disabled">
自动全选
<input
type=text name=text1 value="123" onfocus="this.select()">
ENTER键可
以让光标移到下一个输入框
<input
onkeydown="if(event.keyCode==13)event.keyCode=9">
文本框的默认值
<input
type=text value="123" onfocus="alert(this.defaultValue)">
title换
行
obj.title = "123
sdfs "
获得时间所代表的微秒
var n1 =
new Date("2004-10-10".replace(/-/g, "\/")).getTime()
窗口是否关闭
win.closed
checkbox扁平
<input type=checkbox style="position: absolute;
clip:rect(5px 15px 15px 5px)"><br>
获取选中内容
document.selection.createRange().duplicate().text
自动完成功能
<input type=text autocomplete=on>打开该功能
<input type=text autocomplete=off&
gt;关闭该功能
窗口最大化
<body
onload="window.resizeTo(window.screen.width -
4,window.screen.height-50);window.moveTo(-4,-4)">
无关闭按钮IE
window.open("aa.htm",
"meizz", "fullscreen=7");
统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http://
你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码
表格行指
示
<tr onmouseover="this.bgColor='#f0f0f0'"
onmouseout="this.bgColor='#ffffff'">
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=this.style.color="blue"
onMouseOver=this.style.color="red" class="button">
4.
平面按钮
<input type=submit value=订阅 style="border:1px solid :#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=100
onmouseover='this.stop()' onmouseout='this.start()'
height=60>
<!--
head_scrolltext -->
<tr>
<td>
共和国
</table> <!--
end head_scrolltext -->
</marquee>
9.状态栏显示该页状态
<base
onmouseover="window.status='网站建设 http://www.webmake.cn/
'
;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
href='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>
<TITLE>background.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">
<B>Changing Background
Colors</B>
<BR>
<FORM>
<SELECT SIZE="8"
onChange="bgChange(this);">
<OPTION>Red
<OPTION>Orange
<OPTION>Yellow
<OPTION>Green
<OPTION>Blue
<OPTION>Indigo
<OPTION>Violet
<OPTION>White
<OPTION>pink
</SELECT>
</FORM>
</BODY>
</HTML>
17.
将按钮的特征改变
<style type="text/CSS">
<!--
.style1 {
font-size: 12px; background: #CCCCFF; border-width: thin thin thin thin;
border-color: #CCCCFF
#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"><a
class=content href="javascript:doPrint();">打印本稿</a></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="http://guoguo"
23.传递该object的form
UpdateSN('guoqiang99267',this.form)
function UpdateSN(strValue,strForm)
{
strForm.SignInName.value
= strValue;
return false;
}
24.文字标签
<label
for="AltName4"><input name="AltName" type="RADIO"
tabindex="931" id="AltName4"
>guoqiang99859</label>
25.layer2
为组件的ID,可以控制组件是否可见
document.all.item('Layer2').style.display =
"block";
document.all.item('Layer2').style.display = "none";//
26.
将页面加入favorite中
<script language=javascript>
<!--
function
Addme(){
url = "http://your.site.address"; //你自己的主页地址
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 onchange='if(this.value!="")window.open(this.value)'
class="textinput">
<option selected>主办单位</option>
<option>-----------------</option>
<option
value="http://www.bjd.com.cn/">北京日报</option>
<option
value="http://www.ben.com.cn/">北京晚报</option>
</select>
31.
改变背景颜色
<td width=* class=dp bgColor=#FAFBFC
onmouseover="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=8&id=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;i<document.form1.elements.length;i++)
{
if(document.form1.elements.name.indexOf("bb")!=-1)
document.form1.elements.disabled=!document.form1.elements.disabled;
}
}
</SCRIPT>
<BODY><form name=form1>
<INPUT
TYPE="button" NAME="aa " value=cindy onclick=haha()>
<INPUT
TYPE="button" NAME="bb " value=guoguo>
<INPUT TYPE="button"
NAME="bb " value=guoguo>
39.文字移动
<marquee scrollamount=3
onmouseover=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="http://ww"或者document.location.assign("http:
//guoguo.com")
45.在网页上显示实时时间
<SCRIPT
LANGUAGE="JavaScript">
var clock_id;
window.onload=function()
{
clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000)
}
</SCRIPT>//
46.
可以下载文件
document.location.href="目标文件"//
47.连接数据库
import
java.sql.*;
String myDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";
Class.forName(myDBDriver);
Connection
conn=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='<font color=red>*</font>'">
<div
id=a1></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('http://www.163.net/help/a_little/index.html','http://www.163.net/help/a_little
/a_13.html')"><img
alt=帮助 border=0
src="http://bjpic.163.net/images/mail/button-help.gif"></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 =new FileOutputStream ("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';><a
href="tm.asp?classid=76"><font
color="#000000">录音笔<
/font></a></td>
<style>
.mouseoverbt
{
background-image: url(
);
background-repeat: no-repeat;
}
.mouseout
{
background-color: #E0E0E0;
}
</style>
55.同时按下CTRL和Q键
document.onkeydown=function()
{
if(event.ctrlKey&&event.keyCode==81)
{alert(1)}
}//
56.
以下是一个完整的显示hint的代码,其思想是当鼠标停留是将div中的内容显示在鼠标出,当鼠标移出后在将该div隐
藏掉
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 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=hint>dfdfd</a>
<div
id=hint style="display:none"></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");
Connection
con=DriverManager.getConnection(url,"sa","");//mssql database 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_NAME where 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 click OK 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"><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=f1><p>
<input
type="submit" onClick="Exists(f1.value)">//
77.获得当前的文本框选中的文字
<input
onmouseup="alert(document.selection.createRange().text)"
value=123>//
78.跳转至目标页面,同时不可返回
<a
href="javascript:location.replace('http://www.sohu.com/')">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%"> </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 = '<input
name="test'+t1.rows.length+'">';
}//
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|/"><input type="submit" value="c:\
drive"></form>//
85.当前屏幕的分辨率
screen.width、
screen.height//
86.设置表格中的内容
tbl.rows[0].cells[1].innerText=document.form.text1.value;//
87.本地快捷键
<p><a
href="file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}"
target="_blank">网上邻居</a></p>
<p><a
href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\d:\web"
target="_blank">我的电脑</a></p>
<p><a
href="file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}"
target="_blank">我的文档</a></p>
<p><a
href="file:///::{645FF040-5081-101B-9F08-00AA002F954E}"
target="_blank">回收站</a></p>
<p><a
href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\::{21EC2020-3AEA-1069-A2DD-08002B30309D}"
target="_blank">控制面板</a></p>
<p><a
href="file:///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}">拨号网络</a&
gt;(Windows 2000)</p>
88.IE菜单
<button
onclick="min.Click()"><font
face="webdings">0</font></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')"&
gt;//另存为htm
<input
type=button onclick="document.execCommand('saveas','true','网站制作.txt')"&
gt;//另存为txt
document.execCommand("SaveAs")//保存为
document.execCommand('undo')//
撤销上一次操作
89.web对话框
<SCRIPT>
var
contents='<style>body,td{font:menu}img{cursor:hand}</style>';
contents+='&
lt;title>你要关闭我吗</title>';
contents+='<body
bgcolor=menu>';
contents+='<table width=100% height=100%
border=0>';
contents+='<tr><td align=center>';
contents+='
你要关闭我吗?<br>';
contents+='<img src=dark.gif
onclick=self.close() alt="...关闭">';
contents+='<img src=jet.gif
onclick=self.close() alt="全是关闭">';
contents+='</td></tr></table>';
showModalDialog("about:"+contents+"","","dialogHeight:50px;dialogWidth:250px;help:no;status:no")
document.write(contents);
</SCRIPT>//
90.
取第x,y的值
<button
onclick="t1.rows[x].cells[y].innerText='guoguo'"></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="">kjhkjhkhkj<INPUT TYPE="button"
onclick="document.execCommand('Copy', 'false',
null);">////
96.
鼠标移到下拉框时自动全部打开
<select
onmouseover="javascript:this.size=this.length"
onmouseout="javascript:this.size=1"></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)+"'><br> %"+mathstr+"<br>4人<v:Extrusion
backdepth='15pt'
on='true'/></v:rect>")
</SCRIPT>
<v:rect
fillcolor='red'
style='width:20;color:navy;height:200'><br>%12<br>4人<
v:Extrusion
backdepth='15pt' on='true'/></v:rect>
<v:rect
fillcolor='yellow'
style='width:20;color:navy;height:100'><br>%12<br>4人<
v:Extrusion
backdepth='15pt' on='true'/></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=2>" +
pie.title + "</font>";
}
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);' href='http://www.cnADO.com'
CoordSize='10,10'
strokecolor='white' fillcolor='#ffff33'><v:path v='m 300,200 ae
300,200,200,150,0,9437184
xe'/></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);' href='http://www.cnADO.com'
CoordSize='10,10'
strokecolor='white' fillcolor='#ff9933'><v:path v='m 300,200 ae
300,200,200,150,9437184,1572864
xe'/></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);' href='http://www.cnADO.com'
CoordSize='10,10'
strokecolor='white' fillcolor='#3399ff'><v:path v='m 300,200 ae
300,200,200,150,11010048,3145728
xe'/></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);' href='http://www.cnADO.com'
CoordSize='10,10'
strokecolor='white' fillcolor='#99ff33'><v:path v='m 300,200 ae
300,200,200,150,14155776,4718592
xe'/></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);' href='http://www.cnADO.com'
CoordSize='10,10'
strokecolor='white' fillcolor='#ff6600'><v:path v='m 300,200 ae
300,200,200,150,18874368,3145728
xe'/></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);' href='http://www.cnADO.com'
CoordSize='10,10'
strokecolor='white' fillcolor='#ff99ff'><v:path v='m 300,200 ae
300,200,200,150,22020096,1572864
xe'/></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'><v:textbox
style='fontsize:2'>asp技术<
/v:textbox/></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'><v:textbox
style='fontsize:2'>php</v:textbox/></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'><v:textbox
style='fontsize:2'>jsp</v:textbox/></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'><v:textbox
style='fontsize:2'>c#写
的.netWEB程序</v:textbox/></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'><v:textbox style='fontsize:2'>vb.net
写
的.netWEB程序</v:textbox/></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'><v:textbox style='fontsize:2'>xml技术
</v:textbox/></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=div1> </td>
</tr>
</table>
</div>//
102.是一个特殊的容器,想装个网页都行
<button><iframe
src="http://www.google.com/"></iframe></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=rtl></html>//
108.滚屏
parent.scroll(x,y);//
<body
onload="s=0" onDblClick="s=setInterval('scrollBy(0, 1)',10)"
onClick="clearInterval(s)">//
109.改变状态栏
self.status ="";//
110.
改变窗口大小
window.resizeTo(200,300);//
111.改变鼠标样式
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>
<tr><td id=c1>CELL_1</td></tr>
<tr><td id=c2>CELL_2</td></tr>
</table>
<br>
<input type="button" value="swap row" onclick="c1.swapNode(c2)">//
118.
删除节点
<table width=200 height=200 border>
<tr
id=trall><td id=c1>CELL_1</td></tr>
<tr><td id=c2>CELL_2</td></tr>
</table>
<br>
<input type="button" value="swap row" onclick="trall.removeNode(c2)">//
119.
添加节点
addNode()//
120.获得事件的父与子标签
event.srcElement.children[0]
和event.srcElement.parentElement //
121.集中为按钮改变颜色
<style>
button{benc:expression(this.onfocus
= function(){this.style.backgroundColor='#E5F0FF';})}
</style>
<button>New</button>//
122.
判断是左键还是右键被按下
<body
onmousedown=if(event.button==1)alert("左键");if(event.button==2)alert("右
键")>//
123.获得操作系统的名称和浏览器的名称
document.write(navigator.userAgent)//
124.alt/ctrl/shift键按下
event.altKey //按下alt键
event.ctrlKey
//按下ctrl键
event.shiftKey //按下shift键
125.将当前位置定位为C盘。
{window.location="c:"}//
126.
返回输入框的类型
<script>
alert(event.srcElement.type);//
</script>
127.
模拟控件的单击事件
<INPUT TYPE="hidden" name="guoguo" onclick="haha()">
<SCRIPT
LANGUAGE="JavaScript">
<!--
function haha()
{
alert();
}
guoguo.click();
//-->
</SCRIPT>//
128.取出记录集的列名
java.sql.ResultSet rset =
com.bsitc.util.DBAssist.getIT().executeQuery(queryStatement, conn);
java.sql.ResultSetMetaData
metaData = rset.getMetaData();
int count =
metaData.getColumnCount();
String name = metaData.getColumnName(i);
String
value = rset.getString(i);//
129.格式化数字
function
format_number(str,digit)
{
if(isNaN(str))
{
alert("您传入的值
不是数字!");
return 0;
}
else if(Math.round(digit)!=digit)
{
alert("
您输入的小数位数不是整数!");
return 0;
}
else
return
Math.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit);
}
130.
回车按钮转化为tab按钮
if(event.keyCode==13) event.keyCode=9; //将
131.
滚动条滚动
<button
onclick="text1.scrollTop=text1.scrollHeight">Scroll</button><br>
<textarea
id="text1" cols=50 rows=10>
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
</textarea>//
132.判断是什么对象
if(typeof(unknown)=="function")return true;
if(typeof(unknown)!="object")return
false;//
133.取消文本框自动完成功能
<input type="text"
autocomplete="off"> //
134.让下拉框自动下拉
<select
onmouseover="javascript:this.size=this.length"
onmouseout="javascript:this.size=1">
<option
value="">1</option>
<option value="">2</option>
<option
value="">3</option>
</select> //
135.读取
XML文件
var childrenobj=myselect//document.all.myselect;
var
oXMLDoc = new ActiveXObject('MSXML');
oXMLDoc.url = "mymsg.xml";
var
oRoot=oXMLDoc.root;
if(oRoot.children != null)
{
for(var
i=0;i<oRoot.children.item(0).children.length;++i)
{
oItem
= oRoot.children.item(0).children.item(i);
oOption = new
Option(oItem.text,oItem.value);
childrenobj.add(oOption);
}
}
//mymsg.xml
文件
<?xml version="1.0" encoding="gb2312" ?>
<childrenlist>
<aa>
<child
value='3301'>杭州地区</child>
<child
value='3303'>温州地区</child>
</aa>
<aa>
<child
value='3310'>台州地区</child>
<child
value='3311'>丽水地区</child>
</aa>
</childrenlist>//
136.点击图片,图片停止
<a href="javascript:"><img
src="http://www.51js.com/images/51js/red_forum.gif"
border="0"></a>//
137.显示本地计算机信息
var WshNetwork = new
ActiveXObject("WScript.Network");
alert("Domain = " +
WshNetwork.UserDomain);
alert("Computer Name = " +
WshNetwork.ComputerName);
alert("User Name = " +
WshNetwork.UserName);//
138.比较时间
tDate = new
Date(2004,01,08,14,35); //年,月,日,时,分
dDate = new Date();
tDate<dDate?alert("
早于"):alert("晚于");//
139.弹出鼠标所在处的链结地址
<body
onmouseover="if
(event.srcElement.tagName=='A')alert(event.srcElement.href)"><a
href="http://51js.com/viewthread.php?tid=13589"
>dddd</a><input>//
140.注意不能通过与 undefined
做比较来测试一个变量是否存在,虽然可以检查它的类型是否为“undefined”。在以
下的代码范例中,假设程序员想测试是否已经声明
变量 x :
// 这种方法不起作用
if (x == undefined)
// 作某些操作
//
这个方法同样不起作用- 必须检查
// 字符串 "undefined"
if (typeof(x) ==
undefined)
// 作某些操作
// 这个方法有效
if (typeof(x) == "undefined")
//
作某些操作
141.创建具有某些属性的对象
var myObject = new Object();
myObject.name
= "James";
myObject.age = "22";
myObject.phone = "555 1234";//
142.
枚举(循环)对象的所有属性
for (var a in myObject)
{
// 显示 "The property
'name' is James",等等。
window.alert("The property '" + a + "' is "
+ myObject[a]);
}//
143.判断一个数字是否是整数
var a=23.2;
alert(a%1==1)//
144.
新建日期型变量
var a = new Date(2000, 1, 1);
alert(a.toLocaleDateString());
145.
给类定义新的方法
function trim_1()
{
return
this.replace(/(^\s*)|(\s*$)/g, "");
}
String.prototype.trim=trim_1;
alert('cindy'.trim());
146.定义一个将日期类型转化为字符串的方法
function guoguo_date()
{
var
tmp1,tmp2;
tmp1 =this.getMonth()+1+"";
if(tmp1.length<2)
tmp1="0"+tmp1;
tmp2 =this.getDate()+"";
if(tmp2.length<2)
tmp2="0"+tmp2;
return this.getYear()+"-"+tmp1+"-"+tmp2;
}
Date.prototype.toLiteString=guoguo_date;
alert(new
Date().toLiteString())
147. pasta 是有四个参数的构造器,定义对象。
function
pasta(grain, width, shape, hasEgg)
{
// 是用什么粮食做的?
this.grain
= grain;
// 多宽?(数值)
this.width = width;
//
横截面形状?(字符串)
this.shape = shape;
// 是否加蛋黄?(boolean)
this.hasEgg
= hasEgg;
//定义方法
this.toString=aa;
}
function
aa()
{
;
}
//定义了对象构造器后,用 new 运算符创建对象实例。
var spaghetti =
new pasta("wheat", 0.2, "circle", true);
var linguine = new
pasta("wheat", 0.3, "oval", true);
//补充定义属性,spaghetti和linguine都将自动获得新
的属性
pasta.prototype.foodgroup = "carbohydrates";
148.打印出错
误原因
try
{
x = y // 产生错误。
}
catch(e)
{
document.write(e.description) //打印 "'y' is undefined".
}//
149.
生成Excel文件并保存
var ExcelSheet;
ExcelApp = new
ActiveXObject("Excel.Application");
ExcelSheet = new
ActiveXObject("Excel.Sheet");
//本代码启动创建对象的应用程序(在这种情况下,Microsoft Excel
工作表)。一旦对象被创建,就可以用定义的对
象变量在代码中引用它。 在下面的例子中,通过对象变量 ExcelSheet
访问新对象的属性和方法和其他 Excel 对象,
包括 Application 对象和 ActiveSheet.Cells 集合。
// 使 Excel 通过 Application 对象可见。
ExcelSheet.Application.Visible =
true;
// 将一些文本放置到表格的第一格中。
ExcelSheet.ActiveSheet.Cells(1,1).Value
= "This is column A, row 1";
// 保存表格。
ExcelSheet.SaveAs("C:\\TEST.XLS");
//
用 Application 对象用 Quit 方法关闭 Excel。
ExcelSheet.Application.Quit();//
150.
根据标签获得一组对象
var coll = document.all.tags("DIV");
if (coll!=null)
{
for
(i=0; i<coll.length; i++)
...
}//
151.实现打印预览及打印
<OBJECT
classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb
name=wb width=0></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 <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"><INPUT TYPE="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.text;
op.value = document.all.all_items.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"
></body>//背景图片不动
<STYLE TYPE="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.将数字转化为人民币大写形式
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, ""); // Remove comma
delimiters.
currencyDigits = currencyDigits.replace(/^0+/, ""); //
Trim zeros 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
"";
}
// http://www.knowsky.com/
Process the coversion from currency digits to characters:
//
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;
}
}
}
// 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"></xml>
<table border='1'
datasrc='#abc'>
<thead>
<td>接收人</td>
<td>
发送人</td>
<td>主题</td>
<td>内容</td>
</thead>
<tfoot>
<tr><th>
表格的结束</th></tr>
</tfoot>
<tr>
<td><div
datafld="to"></div></td>
<td><div
datafld="from"></div></td>
<td><div
datafld="subject"></div></td>
<td><div
datafld="content"></div></td>
</tr>
</table>
</body>
</html>
//cd_catalog.xml
<?xml
version="1.0" encoding="ISO-8859-1" ?>
<!-- Edited with XML
Spy v4.2
-->
<CATALOG>
<CD>
<TITLE>Empire
Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Hide
your heart</TITLE>
<ARTIST>Bonnie
Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS
Records</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
<CD>
<TITLE>Greatest
Hits</TITLE>
<ARTIST>Dolly Parton</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>RCA</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1982</YEAR>
</CD>
<CD>
<TITLE>Still
got the blues</TITLE>
<ARTIST>Gary
Moore</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>Virgin
records</COMPANY>
<PRICE>10.20</PRICE>
<YEAR>1990</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"></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(){return
this.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))
{
return
RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error("Not a valid IP address!")
}
}
不过上面的程序如果不用
正则表达式,而直接用split函数来分解可能
发表评论
相关推荐
常用javaScript特效代码Api文档(差不多有1000个左右) 可以直接把代码拿来用,下面是一部分目录,希望能够帮助到需要的人
李刚 疯狂HTML5CSS3JavaScript讲义的源代码 第一部分 第1章 HTML 5简介 第2章 HTML 5的常用元素与属性 第3章 HTML 5表单相关元素和属性 第4章 HTML 5的绘图支持 第5章 HTML 5的多媒体支持 第二部分 第6章 ...
一段Javascript代码,有时会给开发带来很妙的效果。 开发中总结的 Javascript中最常用的130个经典技巧 本人在网上搜集的一些技巧 以及在开发中同事和我总结部分问题的汇总,希望对大家有用
2. 在html页面中引用javaScript有三种方式:直接把javaScript代码写在标签script和/script结束标签之间,使用外部javaScript文件或直接把简短的javaScript代码写在html标签中 3. javaScript的核心语法有变量的声明和...
近百个常用js代码汇总,总结了大部分js的用法技巧
附录A介绍了一些常用JavaScript技巧;附录B简单介绍了jQuery并给出了一个应用实例。 《JavaScript核心概念及实践》可以供JavaScript初学者阅读,以快速学习和掌握这门语言的核心内容:对于有一定经验的JavaScript...
JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的。这章我给大家整理了一些JAVASCRIPT的基础知识、常用代码和事件汇总。
JS中的常用对象[转载]web 技术 2010-06-05 15:00:30 阅读3 评论0 字号:大中小 订阅 [removed] Window For JavaScript 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、...
他提供了强大的对JavaScript的调试功能,大家最常用的IDE开发环境的调试器中有的功能,基本都能够在Venkman上找到。断点调试、单步跟踪、监视变量等。不管是开发网页中的JavaScript部分,还是进行火狐扩展开发,...
本用户指南的其余部分是 JScript 特性概述。有关该语言实现的全部细节,请参考 语言参考。 注意 下面大多数示例的代码比实际 Web 页中的代码应该更明确,并且不是太复杂。其目的是阐明相关概念,而不是提供最优的...
(2) JavaScript代码块 5 (3) JavaScript注释 5 (4) JavaScript变量 5 变量命名规则 5 申明或创建变量 5 重新申明变量 5 3. JavaScript运算符 5 (1) 基本运算符 5 (2) 位运算符(~(非运算)、&(与运算)、|(或...
以上三种是也比较常见 比较常用的网页跳转代码运行平台Win9x WinNT Win2000 WinME WinXP 二 几段简单的网页跳转代码 不隐藏转向之后的地址 代码一:">一 三种网页跳转代码: 如果你要在服务器端跳转 可以这样: ...
光盘提供了书中所有实例的全部源代码,所有源代码都经过精心调试,在Windows XP/Windows 2000环境下测试通过,保证能够正常运行。 本书适用于广大计算机爱好者和编程人员使用,也可供大中专院校师生学习参考。
登陆注册注销 数据库操作 跨页传值 显示长文本的一部分 获得当前服务器信息
2-1 JavaScript要写在网页原始代码的哪里? 2-2 Javascnpt的版本 2-3 Javascnpt的写作格式 2-4 引用一个js文件 2-5 网页编辑软件EditPlusZ 第二部分 JavaScript特效集锦 第3章 JavaScript特效集锦 3-1 网页动画 3-2 ...
本课程是一门针对初学者的JavaScript基础入门教程,旨在帮助学习者快速掌握JavaScript编程语言的基本概念和应用技巧。...此外,我们还会介绍JavaScript常用的编程工具和调试技巧,帮助学习者提高编程效率和代码质量。
ASP.NET常用代码 1. 打开新的窗口并传送参数: 传送参数: response.write("<script>window.open('*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"')</script>") 接收参数: string a = Request....
1.80 检验单个集装箱箱号为'TBJU'+7 位数字用于租赁部分的箱号校验 .. 101 1.86 判断字符串是否全部由字母组成. 105 1.88 为 1 位的日月在前面补零,如将 1 变为 01 .. 107 1.90 检查EMail格式. 107 1.91 对输入控件...