BlogJava-杂家-随笔分类-5.JavaScript

Javascript 常用网页技巧(5)

淘声依旧 — Sat, 01 Nov 2008 06:04:00 GMT

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

189.在java中使用正则表达式
java.util.regex.Pattern p =

java.util.regex.Pattern.compile("\\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.给下拉框分组
//

191.加注音

基准文本
注音文本
//

192.加删除线
~~此文本将带删除线显示。~~//

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

请通过正常方式访问本页面！

";
//window.close();
}//

197.加为首页

//

198.xml数据岛操作

HTML中的数据岛中的记录集

HTML中的XML数据岛记录编辑与添加

酒店名称：

地址：

主页：

电子邮件：

电话：

级别：

四海大酒店

海魂路1号

www.admin5.com.cn

master@sihaohotel.com.cn

(0989)8888888
五星级

五湖宾馆

东平路99号

www.admin5.cn

web@wuhu.com.cn

(0979)1111666
四星级

“大沙漠”宾馆

留香路168号

www.admin5.net

master@admin5.net

(0989)87878788
五星级

“画眉鸟”大酒店

血海飘香路2号

www.admin5.net

chuliuxiang@throstlehotel.com.cn

(099)9886666
五星级

//xml数据岛中添加记录

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

document.

Property/ Method Description
XMLDocument Returns a reference to the XML Document Object Model (DOM) exposed by the object.

documentElement Returns the document root of the XML document.
childNodes Returns a node list containing the children of a node (if any).
item Accesses individual nodes within the list through an index. Index values are zero-based, so

item(0) returns the first child node.
text Returns the text content of the node.

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

the element.

HTML with XML Data Island

Within this document is an XML data island.

        Adventure Works
        Alpine Ski House

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

resortXML.XMLDocument.documentElement.childNodes.item(1).text//读取页面上的XML数据岛中的数据
resortXML.documentElement.childNodes.item(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.动态设置事件，带参数

//

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("http://www.sina.com.cn");//

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.进行页面放大

sdsdsdsdsdsdsdsds

209.放置在页面的最右边
//

210.通过style来控制隔行显示不同颜色

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=aRoot.children.item("name").text;//

213.在页面上解析xml的值
http://msdn.microsoft.com/library/default.asp?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.文字居右对齐
//

217.判断一个方法是否存在
function pageCallback(response){
alert(response);
}
if(pageCallback)
alert(1)//

218.判断一个变量是否定义
if(typeof(a)=="undefined")
{
alert()
}//

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

调用方式
测试//

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.能输入的下拉框

//

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.复制粘贴

226.获得对象类型
switch (object.constructor){
   case Date:
   …
   case Number:
   …
   case String:
   …
   case MyObject:
   …
   default:
   …
}//

227.图片加载失败时重新加载图片
//

228.
//font_effect.htc

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

229.可以通过css和htc改变表格的颜色,仅IE支持
//xxx.html

1	2	3
4	5	6

230.在页面上画点
function a(x,y,color)
{
document.write("

"+(y+20)+";background-color: "+color+"' width=1 height=1>")
}//

231.自动关闭网页

本页10秒后自动关闭,请注意刷新页面

淘声依旧 2008-11-01 14:04 发表评论

Javascript 常用网页技巧(3)

淘声依旧 — Sat, 01 Nov 2008 06:03:00 GMT

101.饼图
错误的东西，去掉

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

103.外部的html代码
event.srcElement.outerHTML//

104.标识当前的IE事件的触发器
event.srcElement和event.keyCode//

105.事件类型
event.type//

106.动态改变类型

//

107.页面翻转
//

108.滚屏
parent.scroll(x,y);//
//

109.改变状态栏
self.status ="";//

110.改变窗口大小
window.resizeTo(200,300);//

111.改变鼠标样式
style
BODY{CURSOR: url('mouse.ani');
SCROLLBAR-BASE-COLOR: #506AA8;
SCROLLBAR-ARROW-COLOR: #14213F;
}//

112.背景透明
//

113.鼠标为等待形状
//

114.调用父窗口的函数
opener.fucntion1();//

115.body的内部html代码
//

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

117.交换节点

CELL_1

CELL_2

118.删除节点

CELL_1

CELL_2

119.添加节点
addNode()//

120.获得事件的父与子标签
event.srcElement.children[0]和event.srcElement.parentElement //

121.集中为按钮改变颜色

//

122.判断是左键还是右键被按下
//

123.获得操作系统的名称和浏览器的名称
document.write(navigator.userAgent)//

124.alt/ctrl/shift键按下
event.altKey //按下alt键
event.ctrlKey //按下ctrl键
event.shiftKey //按下shift键

125.将当前位置定位为C盘。
{window.location="c:"}//

126.返回输入框的类型

127.模拟控件的单击事件

//

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.滚动条滚动

<br /> 1<br /> 1<br /> 1<br /> 1<br /> 1<br /> 1<br /> 1<br /> 1<br /> 1<br /> 1<br /> 1<br /> 1<br /> 1<br /> 1<br /> 1<br /> //

132.判断是什么对象
if(typeof(unknown)=="function")return true;
if(typeof(unknown)!="object")return false;//

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

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

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 {
            oItem = oroot.children.item(0).children.item(i);
            oOption = new Option(oItem.text,oItem.value);
   childrenobj.add(oOption);
        }
    }
//mymsg.xml文件

杭州地区

温州地区

台州地区

丽水地区

//

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

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

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

href=".com/viewthread.php?tid=13589" >dddd//

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 ...
}//

淘声依旧 2008-11-01 14:03 发表评论

Javascript 常用网页技巧(4)

淘声依旧 — Sat, 01 Nov 2008 06:03:00 GMT

151.实现打印预览及打印

//

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

//

153.使鼠标滚轮失效
function document.onmousewheel()
{
return false;
}//

154.创建弹出窗口
//

155.取得鼠标所在处的对象
var obj = document.elementFromPoint(event.x,event.y);//

156.获得左边的对象

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.背景图片
//背景图片不动

//背景图片居中

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[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数据岛绑定表格

表格的结束
接收人	发送人	主题	内容

//cd_catalog.xml

Empire Burlesque
Bob Dylan
USA
Columbia
10.90
1985

Hide your heart
Bonnie Tyler
UK
CBS Records
9.90
1988

Greatest Hits
Dolly Parton
USA
RCA

9.90
1982

Still got the blues
Gary Moore
UK
Virgin records
10.20
1990

//

167.以下组合可以正确显示汉字
================================
xml保存编码 xml页面指定编码
ANSI gbk/GBK、gb2312
Unicode unicode/Unicode
UTF-8 UTF-8
================================

168.XML操作

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函数来分解可能更简单，程序如下：

var ip="10.100.20.168"
ip=ip.split(".")
alert("IP值是："+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

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

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

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

var s="abacabefgeeii"
var s1=s.replace(/(.).*\1/g,"$1")
var re=new RegExp("["+s1+"]","g")
var s2=s.replace(re,"")
alert(s1+s2) //结果为：abcefgi

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

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

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

s="http://www.9499.net/page1.htm"
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

设置与读取 cookies...

写入cookie的值

//

172.取月的最后一天
function getLastDay(year,month)
{
//取年
var new_year = year;
//取到下一个月的第一天,注意这里传入的month是从1～12
var new_month = month++;
//如果当前是12月，则转至下一年
if(month>12)
{
new_month -=12;
new_year++;
}
var new_date = new Date(new_year,new_month,1);
return (new Date(new_date.getTime()-1000*60*60*24)).getDate();
}//

173.判断当前的焦点是组中的哪一个
for(var i=0;i<3;i++)
if(event.srcElement==bb[i])
break;//

174.实现类
package com.baosight.view.utils;
import javax.servlet.jsp.tagext.TagSupport;
import javax.servlet.http.HttpSession;
public class Mytag extends TagSupport
{
public int doStartTag() throws javax.servlet.jsp.JspException
{
    boolean canAccess = false;
    HttpSession session= pageContext.getSession();
    if (canAccess)
    {
      return EVAL_BODY_INCLUDE;
    }
    else
    {
      return this.SKIP_BODY;
    }
}
}

175.在web.xml中添加定义

guoguo
/WEB-INF/abc.tld

176.标签库中定义abc.tld

"http://tool.admin5.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd">

1.0
1.1
hr
guoguo
Extra 3 Tag Library

mytag
com.baosight.view.utils.Mytag

   id2
   true
            true

177.在使用自定义标签的页面中加入自己定义的标签，
<%@ taglib uri="guoguo" prefix="guoguo" %>
//自己定义标签

178.显示带边框的集

查询条件
dfdfdf

179.【文件(F)】菜单中的命令的实现

1、〖打开〗命令的实现
[格式]:document.execCommand("open")
[说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。
[举例]在之间加入：
打开

2、〖使用记事本编辑〗命令的实现
[格式]:location.replace("view-source:"+location)
[说明]打开记事本，在记事本中显示该网页的源代码。
[举例]在之间加入：
使用记事本编辑

3、〖另存为〗命令的实现
[格式]:document.execCommand("saveAs")
[说明]将该网页保存到本地盘的其它目录！
[举例]在之间加入：
另存为

4、〖打印〗命令的实现
[格式]:document.execCommand("print")
[说明]当然，你必须装了打印机！
[举例]在之间加入：
打印

5、〖关闭〗命令的实现
[格式]:window.close();return false
[说明]将关闭本窗口。
[举例]在之间加入：
关闭本窗口

180.【编辑(E)】菜单中的命令的实现

〖全选〗命令的实现
[格式]:document.execCommand("selectAll")
[说明]将选种网页中的全部内容！
[举例]在之间加入：
全选

181.【查看(V)】菜单中的命令的实现

1、〖刷新〗命令的实现
[格式]:location.reload() 或 history.go(0)
[说明]浏览器重新打开本页。
[举例]在之间加入：
刷新
或加入:
刷新

2、〖源文件〗命令的实现
[格式]:location.replace("view-source:"+location)
[说明]查看该网页的源代码。
[举例]在之间加入：
查看源文件

3、〖全屏显示〗命令的实现
[格式]:window.open(document.location, "url", "fullscreen")
[说明]全屏显示本页。
[举例]在之间加入：
全屏显示

182.【收藏(A)】菜单中的命令的实现

1、〖添加到收藏夹〗命令的实现
[格式]:window.external.AddFavorite('url', '“网站名”)
[说明]将本页添加到收藏夹。
[举例]在之间加入：
添加到收

藏夹

2、〖整理收藏夹〗命令的实现
[格式]:window.external.showBrowserUI("OrganizeFavorites",null)
[说明]打开整理收藏夹对话框。
[举例]在之间加入：
整理收藏夹

183.【工具(T)】菜单中的命令的实现

〖internet选项〗命令的实现
[格式]:window.external.showBrowserUI("PrivacySettings",null)
[说明]打开internet选项对话框。
[举例]在之间加入：
internet选项

184.【工具栏】中的命令的实现

1、〖前进〗命令的实现
[格式]history.go(1) 或 history.forward()
[说明]浏览器打开后一个页面。
[举例]在之间加入：
前进
或加入:
前进

2、〖后退〗命令的实现
[格式]:history.go(-1) 或 history.back()
[说明]浏览器返回上一个已浏览的页面。
[举例]在之间加入：
后退
或加入:
后退

3、〖刷新〗命令的实现
[格式]:document.reload() 或 history.go(0)
[说明]浏览器重新打开本页。
[举例]在之间加入：
刷新
或加入:
刷新

185.其它命令的实现
〖定时关闭本窗口〗命令的实现
[格式]:settimeout(window.close(),关闭的时间)
[说明]将关闭本窗口。
[举例]在之间加入：
3秒关闭本窗口

【附】为了方便读者，下面将列出所有实例代码，你可以把它们放到一个html文件中，然后预览效果。
打开

 使用记事本编辑

 另存为

 打印

 关闭本窗口

 全选

 刷新刷新

 查看源文件

 全屏显示

 添加到收藏

夹

 整理收藏夹

 internet选项

 前进1　前进2

后退1　后退2

3秒关闭本窗口

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

//

187.xmlhttp技术
此方法是通过XMLHTTP对象从服务器获取XML文档，示例如下。

//

淘声依旧 2008-11-01 14:03 发表评论

Javascript 常用网页技巧(2)

淘声依旧 — Sat, 01 Nov 2008 06:02:00 GMT

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.直线型输入框

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

onmouseout=this.className='mouseout';>

color="#000000">录音笔

55.同时按下CTRL和Q键
document.onkeydown=function()
{
if(event.ctrlKey&&event.keyCode==81)
{alert(1)}
}//

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

藏掉
---------------------------------------------------------------------------------------------------------

------------

dfdfd

---------------------------------------------------------------------------------------------------------

------------

57.弹出窗口
方法一：浏览器读页面时弹出窗口；
方法二：浏览器离开页面时弹出窗口；
方法三：用一个连接调用：打开一个窗口
注意：使用的"#"是虚连接。
方法四：用一个按钮调用：何时装载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确定框
//

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

//

72.屏蔽右键菜单
oncontextmenu="event.returnValue = false"//

73.事件禁止起泡
event.cancelBubble = true//

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

75.屏蔽汉字和空格
//

76.用javascript判断文件是否存在
function Exists(filespec)
{
if (filespec)
{
var fso;
fso = new ActiveXObject("Scripting.FileSystemObject");
alert(fso.FileExists(filespec));
}
}
选择图片

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

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

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

80.删除表格某行，xx表示某行，下标从0开始计算
document.all.myTable.deleteRow(xx)//

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

90.取第x,y的值
//

91.向新打开的网页上写内容
newwin=window.open('about:blank','','top=10');
newwin.document.write('');//

93.返回
javascript:history.go(-2);//

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

onclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='复制页面选中

的字符'>//
95.将页面上选中的内容复制到剪贴板
kjhkjhkhkj////

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

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.在页面上画柱状图

%12
4人< v:Extrusionbackdepth='15pt' on='true'/>

%12
4人< v:Extrusionbackdepth='15pt' on='true'/>//

淘声依旧 2008-11-01 14:02 发表评论

Javascript 常用网页技巧(1)

淘声依旧 — Sat, 01 Nov 2008 06:01:00 GMT

CODE:

1.文本框焦点问题
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件
点击时文字消失，失去焦点时文字再出现

2.网页按钮的特殊颜色

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

4.平面按钮

5.按钮颜色变化

6.平面输入框

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

8.使文字上下滚动

共和国

9.状态栏显示该页状态
http://www.admin5.cn/' ;return true">

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

情侣 : 一次注册两个帐户

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

12.打印打印网页

13.线型输入框

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

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

 link

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

background.html

Changing Background Colors

17.将按钮的特征改变

本例按钮的代码如下：

onmouseout="this.className='style1'" class="style1">

18.改变按钮的图片.

本例的按钮代码如下：

onmouseout="this.className='style3'" class="style3">

19.打印页面

打印本稿

20.可以直接写html语言
document.write("");

21.改变下拉框的颜色

>guoqiang99859

25.layer2为组件的ID，可以控制组件是否可见
document.all.item('Layer2').style.display = "block";
document.all.item('Layer2').style.display = "none";//

26.将页面加入favorite中
//

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非空的选项时转向指定连接

31.改变背景颜色

onmouseout="this.bgColor='#FAFBFC';">

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

33.改变水平线的特征

34.传递参数的方式
8

35.页内跳转
1
2
3
4
5
6
7
dfdf
dfdf//

36.两个按键一起按下
if(event.ctrlKey && window.event.keyCode==13)//

37.刷新页面
javascript:this.location.reload()//

38.将网页的按钮使能

39.文字移动

40.双击网页自动跑
//

41.后退

42.前进

43.刷新

44.转向指定网页
document.location="http://www.0051.com"或者document.location.assign("http://www.666c.com")

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

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”内写下所需内容

//

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

完整的css

50.新建frame

淘声依旧 2008-11-01 14:01 发表评论

JavaScript 基础技巧

淘声依旧 — Sat, 01 Nov 2008 05:59:00 GMT
     摘要: 1：基础知识 1 创建脚本块 2 隐藏脚本代码 1:

//自定义提示条

"#" title="这是提示">tip

//插入文字

document.onclick =function(){
var oSource = window.event.srcElement;
if(oSource.tagName!="DIV")
return false;
var sel = document.selection;
if (sel!=null) {
var rng = sel.createRange();
if (rng!=null)
rng.pasteHTML("插入文字");
}
}

//禁止FSO

1.注销组件
regsvr32 /u scrrun.dll
2.修改PROGID
HKEY_CLASSES_ROOT\Scripting.FileSystemObject
Scripting.FileSystemObject
3.对于使用object的用户，修改HKEY_CLASSES_ROOT\Scripting.

//细线SELECT

function getComputerName()
{
var objWMIService = GetObject("Winmgmts:root\cimv2");
for(e = new Enumerator(objWMIService) ; !e.atEnd() ; e.moveNext())
{
    var getComputer = e.item();
    return getComputer.Name;
}
}

//条件编译

//取得innerText

//mergeAttributes 复制所有读/写标签属性到指定元素。

ID="oDiv"
ATTRIBUTE1="true"
ATTRIBUTE2="true"
onclick="alert('click');"
onmouseover="this.style.color='#0000FF';"
onmouseout="this.style.color='#000000';"
>
This is a sample DIV element.

"oDiv2">
This is another sample DIV element.

TYPE="button"
VALUE="Merge Attributes"
onclick="fnMerge()"
>

<span style="border:1px solid #000000; position:absolute; overflow:hidden;" >
<select style="margin:-2px;">
<option>1111</option>
<option>11111111111111</option>
<option>111111111</option>
</select></span>

//Import

function Import() {
for( var i=0; i   var file = arguments[i];
  if ( file.match(/\.js$/i))
    document.write('
".." onload = "DrawImage(this)">

"oClientCaps" style="{behavior:url(#default#clientcaps)}" />

"width: 120px; height: 50px; border: 1px solid blue;
             overflow: hidden; text-overflow:ellipsis">
就是比如有一行文字，很长，表格内一行显示不下.

"Content-Type" content="text/html; charset=gb2312">

//Javascript Document.

请按任意一个键。。。。

doc = new ActiveXObject("Msxml2.DOMDocument");
doc = new ActiveXObject("Microsoft.XMLDOM")
->>
doc = (new DOMParser()).parseFromString(sXML,'text/xml')

function getXML(URL)
{
var xmlhttp = new ActiveXObject("microsoft.xmlhttp");
xmlhttp.Open("GET",URL, false);
try
{
   xmlhttp.Send();
}
catch(e){}
finally
{
  var result = xmlhttp.responseText;
  if(result)
   {
   if(xmlhttp.Status==200)
    {
    return(true);
    }
   else
    {
    return(false);
    }
   }
  else
   {
   return(false);
   }
}
}

//POST代替FORM

//readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成

(1)拖拽访问
event.dataTransfer.setData("URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
(2)普通访问
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text");

"save" CONTENT="history">

"page-break-after:always">page1

"page-break-after:always">page2


"ROBOTS" content="属性值">
其中属性值有以下一些:
属性值为"all": 文件将被检索，且页上链接可被查询；
属性值为"none": 文件不被检索，而且不查询页上的链接；
属性值为"index": 文件将被检索；
属性值为"follow": 查询页上的链接；
属性值为"noindex": 文件不检索，但可被查询链接；
属性值为"nofollow":

"clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
"Command" value="Minimize">
"clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
"Command" value="Maximize">
"clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
"Command" value="Close">

"pragma" CONTENT="no-cache">
"Cache-Control" CONTENT="no-cache, must-revalidate">
"expires" CONTENT="0">

"window.external.ImportExportFavorites(true,'http://localhost');">
"window.external.ImportExportFavorites(false,'http://localhost');">
"window.external.ShowBrowserUI('OrganizeFavorites', null)">
"window.external.ShowBrowserUI('LanguageDialog', null)">
"window.external.AddFavorite('http://www.google.com/', 'google')">
"window.external.addChannel('http://www.google.com/')">
"window.external.showBrowserUI('PrivacySettings',null)">

"return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false">

淘声依旧 2008-11-01 13:57 发表评论

javaScript 常用技巧（一）

淘声依旧 — Sat, 01 Nov 2008 05:55:00 GMT

事件源对象
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"

自动刷新

简单邮件
mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">

快速转到位置
obj.scrollIntoView(true)

锚

 anchors

网页传递参数
location.search();

可编辑
obj.contenteditable=true

执行菜单命令
obj.execCommand

双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/

让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;

透明背景

获得style内容
obj.style.cssText

HTML标签
document.documentElement.innerHTML

第一个style标签
document.styleSheets[0]

style标签里的第一个样式
document.styleSheets[0].rules[0]

防止点击空链接时，页面往往重置到页首端。
word

上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer

释放内存
CollectGarbage();

禁止右键
document.oncontextmenu = function() { return false;}

禁止保存

禁止选取"return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>

禁止粘贴

地址栏图标

favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

收藏栏图标

查看源码

关闭输入法

自动全选

ENTER键可以让光标移到下一个输入框

文本框的默认值

title换行
obj.title = "123 sdfs "

获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()

窗口是否关闭
win.closed

checkbox扁平

获取选中内容
document.selection.createRange().duplicate().text

自动完成功能
打开该功能
关闭该功能

窗口最大化

无关闭按钮IE
window.open("aa.htm", "meizz", "fullscreen=7");

统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码

表格行指示

//各种尺寸

s   +=  "\r\n网页可见区域宽："+   document.body.clientWidth;
s   +=  "\r\n网页可见区域高："+   document.body.clientHeight;
s   +=  "\r\n网页可见区域高："+   document.body.offsetWeight   +"   (包括边线的宽)";
s   +=  "\r\n网页可见区域高："+   document.body.offsetHeight   +"   (包括边线的宽)";
s   +=  "\r\n网页正文全文宽："+   document.body.scrollWidth;
s   +=  "\r\n网页正文全文高："+   document.body.scrollHeight;
s   +=  "\r\n网页被卷去的高："+   document.body.scrollTop;
s   +=  "\r\n网页被卷去的左："+   document.body.scrollLeft;
s   +=  "\r\n网页正文部分上："+   window.screenTop;
s   +=  "\r\n网页正文部分左："+   window.screenLeft;
s   +=  "\r\n屏幕分辨率的高："+   window.screen.height;
s   +=  "\r\n屏幕分辨率的宽："+   window.screen.width;
s   +=  "\r\n屏幕可用工作区高度："+   window.screen.availHeight;
s   +=  "\r\n屏幕可用工作区宽度："+   window.screen.availWidth;

//过滤数字

//特殊用途

//不缓存

//正则匹配

匹配中文字符的正则表达式： [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
匹配空行的正则表达式：\n[\s| ]*\r
匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/
匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim函数）
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
以下是例子：
利用正则表达式限制网页表单里的文本框输入内容：
用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
1.用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
2.用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
3.用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

//消除图像工具栏

"mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">
or

"imagetoolbar" content="no">

//无提示关闭

function Close()
{
var ua=navigator.userAgent
var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
if(ie)
{
      var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
  if(IEversion< 5.5)
   {
   var str   = '"clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
        str += '"Command" value="Close">';
        document.body.insertAdjacentHTML("beforeEnd", str);
        document.all.noTipClose.Click();
   }
       else
   {
        window.opener =null;
        window.close();
       }
    }
else
{
   window.close()
    }
}

//取得控件得绝对位置(1)

//获得控件的绝对位置(2)

oRect = obj.getBoundingClientRect();
oRect.left
oRect.

//最小化,最大化,关闭

//光标停在文字最后

"123" onfocus="cc()">

//页面进入和退出的特效

进入页面"Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面"Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使
用哪种特效，取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23

//网页是否被检索

//打印分页

//设置打印

"factory" style="display:none" viewastext
   classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
   codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
>
"factory.printing.PageSetup()">
"factory.printing.Preview()">


"打印本页" onclick="factory.printing.Print(false)">
"页面设置" onclick="factory.printing.PageSetup()">
"打印预览" onclick="factory.printing.Preview()">

"http://www.meadroid.com/scriptx/docs/printdoc.htm?static"   target=_blank>具体使用手册，更多信息，点这里

//自带的打印预览

WebBrowser.ExecWB(1,1) 打开
Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销，有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示

"WebBrowser"   width=0   height=0   classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">


"Noprint" >








//去掉打印时的页眉页脚

"JavaScript">
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root="HKEY_CURRENT_USER";
HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
//设置网页打印的页眉页脚为空
function PageSetup_Null()
{
try
{
         var Wsh=new ActiveXObject("WScript.Shell");
   HKEY_Key="header";
   Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
   HKEY_Key="footer";
   Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
}
catch(e){}
}
//设置网页打印的页眉页脚为默认值
function   PageSetup_Default()
{
try
{
  var Wsh=new ActiveXObject("WScript.Shell");
   HKEY_Key="header";
   Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b页码,&p/&P");
   HKEY_Key="footer";
   Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d");
}
catch(e){}
}

"button" value="清空页码" onclick=PageSetup_Null()>
"button" value="恢复页码" onclick=PageSetup_Default()>

//浏览器验证

function checkBrowser()
{
   this.ver=navigator.appVersion
   this.dom=document.getElementById?1:0
   this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
   this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
   this.ie4=(document.all && !this.dom)?1:0;
   this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
   this.ns4=(document.layers && !this.dom)?1:0;
   this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;
   this.ope=(navigator.userAgent.indexOf('Opera')>-1);
   this.ie=(this.ie6 || this.ie5 || this.ie4)
   this.ns=(this.ns4 || this.ns5)
   this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)
   this.nbw=(!this.bw)
   return this;
}

淘声依旧 2008-11-01 13:55 发表评论

javaScript 常用技巧（二）

淘声依旧 — Sat, 01 Nov 2008 05:55:00 GMT

//计算内容宽和高

"javascript">
function   test(obj)
{
       var   range   =   obj.createTextRange();
        alert("内容区宽度:   "   +   range.boundingWidth
                                                  +  "px\r\n内容区高度:   "   +   range.boundingHeight   +  "px");

}


"txt"</span> height=<span style="color: #ff00ff;">"150"</span>>sdf"button"   value="计算内容宽度"   onClick="test(txt)">

//无模式的提示框

function modelessAlert(Msg)
{
    window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;");
}

//屏蔽按键

   "Content-Type" content="text/html; charset=gb2312">

   屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键

屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键

//屏蔽打印

//移动的图层，拖动

1.this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz

2.

"myDiv" src="logo.gif" ondrag="doDrag();" onmouseover="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" onmousedown="doMouseDown();">
"#" onclick="return false">
wlecome



//文档状态改变

"a.html" id="f" name="f" scrolling="no" frameborder=0 marginwidth=0 marginheight=0>

//刷新后不变的文本框

//访问剪贴板

//操作COOKIE

function SetCookie(sName, sValue)
{
document.cookie = sName + "=" + escape(sValue) + "; ";
}
function GetCookie(sName)
{
var aCookie = document.cookie.split("; ");
for (var i=0; i < aCookie.length; i++)
{

  var aCrumb = aCookie[i].split("=");
  if (sName == aCrumb[0])
  return unescape(aCrumb[1]);
}

}
function DelCookie(sName)
{
document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;";
}

//setTimeout增加参数

//自定义的apply,call

Function.prototype.apply = function (obj, argu) {
if (obj) obj.constructor.prototype._caller = this;
var argus = new Array();
for (var i=0;i    argus[i] = "argu[" + i + "]";
var r;
eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");")));
return r;
};
Function.prototype.call = function (obj) {
var argu = new Array();
for (var i=1;i    argu[i-1] = arguments[i];
return this.apply(obj, argu);
};

//下载文件

function DownURL(strRemoteURL,strLocalURL)
{
try
{
  var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP");
   xmlHTTP.open("Get",strRemoteURL,false);
   xmlHTTP.send();
  var adodbStream=new ActiveXObject("ADODB.Stream");
   adodbStream.Type=1;//1=adTypeBinary
   adodbStream.Open();
   adodbStream.write(xmlHTTP.responseBody);
   adodbStream.SaveToFile(strLocalURL,2);
   adodbStream.Close();
   adodbStream=null;
   xmlHTTP=null;

}
catch(e)
{
   window.confirm("下载URL出错!");
}
//window.confirm("下载完成.");
}

//检验连接是否有效

//组件是否安装
isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))

//检查网页是否存在

function CheckURL(URL)
{
  var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
   xmlhttp.Open("GET",URL, false);
   try
   {
     xmlhttp.Send();
    var result = xmlhttp.status;
   }
  catch(e) {return(false); }
  if(result==200)
   {
    return true;
   }
   xmlhttp = null;
  return false;
}

//连接数据库

//使用数据岛

srno："76">

times："76">

"first" TYPE=button value="<<　第一条记录" onclick="xmldate.recordset.moveFirst()">
"prev" TYPE=button value="<上一条记录" onclick="xmldate.recordset.movePrevious()">
"next" TYPE=button value="下一条记录>" onclick="xmldate.recordset.moveNext()">
"last" TYPE=button value="最后一条记录>>" onclick="xmldate.recordset.moveLast()">
"Add" TYPE=button value="添加新记录" onclick="xmldate.recordset.addNew()">

"xmldate">

20041025-01null
20041101-092004年10月1日2点22分0秒

//获得参数

"javascript:location.href=location.href + '?a=1&b=2'">search

//可编辑SELECT

"width:100px;height:21px;font-size:10pt;">"width:18px;border:0px solid red;">


//设置光标位置

function getCaret(textbox)
{
var control = document.activeElement;
textbox.focus();
var rang = document.selection.createRange();
   rang.setEndPoint("StartToStart",textbox.createTextRange())
control.focus();
return rang.text.length;
}
function setCaret(textbox,pos)
{
try
{
  var r =textbox.createTextRange();
    r.moveStart('character',pos);
    r.collapse(true);
    r.select();
}
catch(e)
{}
}
function selectLength(textbox,start,len)
{
try
{
  var r =textbox.createTextRange();

   r.moveEnd('character',len-(textbox.value.length-start));
   r.moveStart('character',start);

   r.select();
}
catch(e)
{//alert(e.description)}
}
function insertAtCaret(textbox,text)
{
textbox.focus();
document.selection.createRange().text = text;
}

//页内查找

function findInPage(str)
{
var txt, i, found,n = 0;
if (str == "")
{
  return false;
}
txt = document.body.createTextRange();
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++)
{
   txt.moveStart("character", 1);
   txt.moveEnd("textedit");
}
if (found)
{
   txt.moveStart("character", -1);
   txt.findText(str);
   txt.select();
   txt.scrollIntoView();
   n++;
}
else
{
  if (n > 0)
   {
    n = 0;
    findInPage(str);
   }
   else
   {
    alert(str + "...             您要找的文字不存在。\n \n请试着输入页面中的关键字再次查找！");
   }
}
return false;
}

淘声依旧 2008-11-01 13:55 发表评论

常用js大全（二）-----常用验证

淘声依旧 — Sat, 01 Nov 2008 05:52:00 GMT

一、验证类
1、数字验证内
1.1 整数
1.2 大于0的整数（用于传来的ID的验证)
1.3 负整数的验证
1.4 整数不能大于iMax
1.5 整数不能小于iMin
2、时间类
2.1 短时间，形如 (13:04:06)
2.2 短日期，形如 (2003-12-05)
2.3 长时间，形如 (2003-12-05 13:04:06)
2.4 只有年和月。形如(2003-05,或者2003-5)
2.5 只有小时和分钟,形如(12:03)
3、表单类
3.1 所有的表单的值都不能为空
3.2 多行文本框的值不能为空。
3.3 多行文本框的值不能超过sMaxStrleng
3.4 多行文本框的值不能少于sMixStrleng
3.5 判断单选框是否选择。
3.6 判断复选框是否选择.
3.7 复选框的全选，多选，全不选，反选
3.8 文件上传过程中判断文件类型
4、字符类
4.1 判断字符全部由a-Z或者是A-Z的字字母组成
4.2 判断字符由字母和数字组成。
4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
4.4 字符串替换函数.Replace();
5、浏览器类
5.1 判断浏览器的类型
5.2 判断ie的版本
5.3 判断客户端的分辨率

6、结合类
6.1 email的判断。
6.2 手机号码的验证
6.3 身份证的验证

二、功能类

1、时间与相关控件类
1.1 日历
1.2 时间控件
1.3 万年历
1.4 显示动态显示时钟效果（文本，如OA中时间）
1.5 显示动态显示时钟效果 (图像，像手表)
2、表单类
2.1 自动生成表单
2.2 动态添加，修改，删除下拉框中的元素
2.3 可以输入内容的下拉框
2.4 多行文本框中只能输入iMax文字。如果多输入了，自动减少到iMax个文字（多用于短信发送)

3、打印类
3.1 打印控件
4、事件类
4.1 屏蔽右键
4.2 屏蔽所有功能键
4.3 --> 和<-- F5 F11,F9,F1
4.4 屏蔽组合键ctrl+N
5、网页设计类
5.1 连续滚动的文字，图片（注意是连续的，两段文字和图片中没有空白出现）
5.2 html编辑控件类
5.3 颜色选取框控件
5.4 下拉菜单
5.5 两层或多层次的下拉菜单
5.6 仿IE菜单的按钮。（效果如rongshuxa.com的导航栏目)
5.7 状态栏，title栏的动态效果（例子很多，可以研究一下）
5.8 双击后，网页自动滚屏
6、树型结构。
6.1 asp+SQL版
6.2 asp+xml+sql版
6.3 java+sql或者java+sql+xml
7、无边框效果的制作
8、连动下拉框技术
9、文本排序
---------------------------------------------------------------------------------------

一、验证类
1、数字验证内
1.1 整数
/^(-|\+)?\d+$/.test(str)
1.2 大于0的整数（用于传来的ID的验证)
/^\d+$/.test(str)
1.3 负整数的验证
/^-\d+$/.test(str)
2、时间类
2.1 短时间，形如 (13:04:06)
function isTime(str)
{
var a = str.match(/^(\d{1,2})(?(\d{1,2})\2(\d{1,2})$/);
if (a == null) {alert('输入的参数不是时间格式'); return false;}
if (a[1]>24 || a[3]>60 || a[4]>60)
{
alert("时间格式不对");
return false
}
return true;
}
2.2 短日期，形如 (2003-12-05)
function strDateTime(str)
{
var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
if(r==null)return false;
var d= new Date(r[1], r[3]-1, r[4]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
}
2.3 长时间，形如 (2003-12-05 13:04:06)
function strDateTime(str)
{
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2})\d{1,2})\d{1,2})$/;
var r = str.match(reg);
if(r==null)return false;
var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
}
2.4 只有年和月。形如(2003-05,或者2003-5)
2.5 只有小时和分钟,形如(12:03)
3、表单类
3.1 所有的表单的值都不能为空

3.2 多行文本框的值不能为空。
3.3 多行文本框的值不能超过sMaxStrleng
3.4 多行文本框的值不能少于sMixStrleng
3.5 判断单选框是否选择。
3.6 判断复选框是否选择.
3.7 复选框的全选，多选，全不选，反选
3.8 文件上传过程中判断文件类型
4、字符类
4.1 判断字符全部由a-Z或者是A-Z的字字母组成

4.2 判断字符由字母和数字组成。

4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
/^([a-zA-z_]{1})([\w]*)$/g.test(str)
4.4 字符串替换函数.Replace();
5、浏览器类
5.1 判断浏览器的类型
window.navigator.appName
5.2 判断ie的版本
window.navigator.appVersion
5.3 判断客户端的分辨率
window.screen.height; window.screen.width;

6、结合类
6.1 email的判断。
function ismail(mail)
{
return(new RegExp(/^\w+((-\w+)|(\.\w+))*\-AT-[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(mail));
}
6.2 手机号码的验证
6.3 身份证的验证
function isIdCardNo(num)
{
if (isNaN(num)) {alert("输入的不是数字！"); return false;}
var len = num.length, re;
if (len == 15)
re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/);
else if (len == 18)
re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/);
else {alert("输入的数字位数不对！"); return false;}
var a = num.match(re);
if (a != null)
{
if (len==15)
{
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
else
{
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
if (!B) {alert("输入的身份证号 "+ a[0] +" 里出生日期不对！"); return false;}
}
return true;
}
-------------------------------------------------------------------------------------

3.7 复选框的全选，多选，全不选，反选

全选

全选

function checkAll(str)
{
var a = document.getElementsByName(str);
var n = a.length;
for (var i=0; ia.checked = window.event.srcElement.checked;
}
function checkItem(str)
{
var e = window.event.srcElement;
var all = eval("document.hrong."+ str);
if (e.checked)
{
var a = document.getElementsByName(e.name);
all.checked = true;
for (var i=0; i{
if (!a.checked){ all.checked = false; break;}
}
}
else all.checked = false;
}

3.8 文件上传过程中判断文件类型

-------------------------------------------------------------------------------------
１．身份证严格验证：

２．验证ＩＰ地址

function isip(s){
var check=function(v){try{return (v<=255 && v>=0)}catch(x){return false}};
var re=s.split(".")
return (re.length==4)?(check(re[0]) && check(re[1]) && check(re[2]) && check(re[3])):false
}

var s="202.197.78.129";
alert(isip(s))

３．加sp1后还能用的无边框窗口！！

/*--- Special Thanks For andot ---*/

/*
This following code are designed and writen by Windy_sk
You can use it freely, but u must held all the copyright items!
/

/- Thanks For andot Again ---*/

var CW_width = 400;
var CW_height = 300;
var CW_top = 100;
var CW_left = 100;
var CW_url = "/";
var New_CW = window.createPopup();
var CW_Body = New_CW.document.body;
var content = "";
var CSStext = "margin:1px;color:black; border:2px outset;border-style:expression(onmouseout=onmouseup=function(){this.style.borderStyle='outset'}, onmousedown=function(){if(event.button!=2)this.style.borderStyle='inset'});background-color:buttonface;width:16px;height:14px;font-size:12px;line-height:11px;cursor:Default;";

//Build Window
include.startDownload(CW_url, function(source){content=source});

function insert_content(){
var temp = "";
CW_Body.style.overflow = "hidden";
CW_Body.style.backgroundColor = "white";
CW_Body.style.border = "solid black 1px";
content = content.replace(/]*)>/g,"");
temp += "";
temp += "";
temp += "Chromeless Window For IE6 SP1";
temp += "";
temp += "?";
temp += "0";
temp += "1";
temp += "x";
temp += "";
temp += "";
temp += content;
temp += "

";
temp += "";
CW_Body.innerHTML = temp;
}

setTimeout("insert_content()",1000);

var if_max = true;
function show_CW(){
window.moveTo(10000, 10000);
if(if_max){
New_CW.show(CW_top, CW_left, CW_width, CW_height);
if(typeof(New_CW.document.all.include)!="undefined"){
New_CW.document.all.include.style.width = CW_width;
New_CW.document.all.Max.innerText = "1";
}

}else{
New_CW.show(0, 0, screen.width, screen.height);
New_CW.document.all.include.style.width = screen.width;
}
}

window.onfocus = show_CW;
window.onresize = show_CW;

// Move Window
var drag_x,drag_y,draging=false

function drag_move(e){
if (draging){
New_CW.show(e.screenX-drag_x, e.screenY-drag_y, CW_width, CW_height);
return false;
}
}

function drag_down(e){
if(e.button==2)return;
if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height)return;
drag_x=e.clientX;
drag_y=e.clientY;
draging=true;
e.srcElement.setCapture();
}

function drag_up(e){
draging=false;
e.srcElement.releaseCapture();
if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height) return;
CW_top = e.screenX-drag_x;
CW_left = e.screenY-drag_y;
}

电话号码的验证

要求：
(1)电话号码由数字、"("、")"和"-"构成
(2)电话号码为3到8位
(3)如果电话号码中包含有区号，那么区号为三位或四位
(4)区号用"("、")"或"-"和其他部分隔开
(5)移动电话号码为11或12位，如果为12位,那么第一位为0
(6)11位移动电话号码的第一位和第二位为"13"
(7)12位移动电话号码的第二位和第三位为"13"
根据这几条规则，可以与出以下正则表达式：
(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^$[0-9]{3,4}$[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)

function PhoneCheck(s) {
var str=s;
var reg=/(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^$[0-9]{3,4}$[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/
alert(reg.test(str));
}

--------------------------------------------------------------------------------------

---------------------------------------------------------------------------------

//检验法人代码
function isCorporationCode(s){
var patrn=/^(\d){15}$/;
if (!patrn.exec(s)) return false
return true
}

//校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9._]){4,19}$/;
if (!patrn.exec(s)) return false
return true
}
//校验用户姓名：只能输入1-30个以字母开头的字串
function isTrueName(s)
{
var patrn=/^[^`~!@#$%^&*()+-=|\\\[\]\{\}:;\'\,.<>/? 0-9]{2,19}$/;
if (!patrn.exec(s)) return false
return true
}

//校验密码：只能输入6-15个字母、数字
function isPasswd(s)
{
var patrn=/^[a-zA-Z0-9]{6,15}$/;
if (!patrn.exec(s)) return false
return true
}

//检验体重
function isAvoirdupois(s)
{
var patrn=/^[1-9]{1}[0-9]{0,2}$/;
var patrn2=/^[1-9]{1}$/;
var intPart=s.indexOf('.');
var decPart=s.lastIndexOf('.');
if (intPart==-1 && patrn.exec(s) && eval(s)>=2 && eval(s)<=200) return true
if (intPart!=decPart || intPart==0 || intPart+2!=s.length) return false
if (!patrn.exec(s.substring(0,intPart)) || !patrn2.exec(s.substring(decPart+1))) return false
if (eval(s)<2 || eval(s)>200) return false
return true
}

//校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”
function isTel(s)
{
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
if (!patrn.exec(s)) return false
return true
}

//校验手机号码：必须以数字开头，除数字外，可含有“-”
function isMobile(s)
{
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
if (!patrn.exec(s)) return false
return true
}

//校验地区代码
function isAreaCode(s)
{
var patrn=/^(\d){6}$/;
if (!patrn.exec(s)) return false
return true
}

//校验邮政编码
function isPostalCode(s)
{
var patrn=/^[1-9]{1}(\d){5}$/;
if (!patrn.exec(s)) return false
return true
}

//校验搜索关键字
function isSearch(s)
{
var patrn=/^[^`~!@#$%^&*()+=|\\\[\]\{\}:;\'\,.<>/? ]{1}[^`~!@$%^&()+=|\\\[\]\{\}:;\'\,.<>?]{0,19}$/;
if (!patrn.exec(s)) return false
return true
}

//校验是否为ip地址
function isIP(s)
{
var patrn=/^[0-9.]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}

//检验页码是否正确
function isPage(s)
{
var patrn=/^[1-9]{1}[0-9]{0,2}$/;
if (!patrn.exec(s)) return false
return true
}

//表单输入值错误提示
function vErr(o,s){
alert(s);
if (o) o.focus();
return false;
}

//判断单选
function chkRadio(o){
for (i=0;iif (o.checked) return true;
}
return false;
}
//====================================表单类================================
// 文件上传过程中判断文件类型
/*

/

//表单的值不能为空
function isNull(elem){
//var pattern=/^\s+|\s+$/;
if(elem.replace(/(^\s+|\s$)/g, "")==""){
return false;
}else{
return true;
}
}
//不能超过imax字符
function imax(elem){
if(elem.length>imax){
return false;
}else{
return true;
}
}
//不能少于imix字符
function imix(elem){
if(elem.lengthreturn false;
}else{
return true;
}
}
//输入为中文判断
function isChinese(elem){
var pattern=/[^\x00-\xff]/g;
if(pattern.test(elem)){
//包含中文
return false;
}else{
//不包含中文
return true;
}
}

/ *********************************************************************************************************************

.cMenu {
FILTER: alpha(opacity=0);BACKGROUND-COLOR: #D6D3CE;BORDER-BOTTOM: #666666 2px solid; BORDER-LEFT: #E4E4E4 2px solid; BORDER-RIGHT: #666666 2px solid; BORDER-TOP: #E4E4E4 2px solid; COLOR: #000000; CURSOR: default; FONT-SIZE: 9pt; color:#000000;FONT-WEIGHT: normal; LINE-HEIGHT: 20px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 110px
}
.menuitems {
font-size:9pt;
MARGIN: 2px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 15px;
PADDING-RIGHT: 3px;
PADDING-TOP: 0px;
}

49.引用一个文件式的＆#106s:
50.指定在不支持脚本的浏览器显示的HTML:
51. 当超链和＆#111nCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:dfsadf
52.JS 的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的换行:\n
54.窗口全屏大小:
55.JS中的all代表其下层的全部元素
56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1
57.innerHTML 的值是表单元素的值:如
"how are you"
,则innerHTML的值就是:how are you
58.innerTEXT的值和上面的一样,只不过不会把这种标记显示出来.
59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.
60.isDisabled判断是否为禁止状态.disabled设置禁止状态
61.length取得长度,返回整型数值
62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
63.window.focus()使当前的窗口在所有窗口之前.
64.blur()指失去焦点.与FOCUS()相反.
65.select()指元素为选中状态.
66.防止用户对文本框中输入文本:onfocus="this.blur()"
67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length
68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()
69.状态栏文字的设置:window.status=’文字’,默认的状态栏文字设置:window.defaultStatus = ’文字.’;
70.添加到收藏夹:external.AddFavorite("http://www.dannyg.com";;,"jaskdlf");
71.JS中遇到脚本错误时不做任何操作:window.＆#111nerror = doNothing; 指定错误句柄的语法为:window.＆#111nerror = handleError;
72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.
73.JS中的self指的是当前的窗口
74.JS中状态栏显示内容:window.status="内容"
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:window.close();
77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn";;);
79.JS中的打印:window.print()
80.JS中的提示输入框:window.prompt("message","defaultReply");
81.JS中的窗口滚动条:window.scroll(x,y)
82.JS中的窗口滚动到位置:window.scrollby
83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS 中的退出之前使用的句柄:function verifyClose(){event.return＆#118alue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;
86.当窗体第一次调用时使用的文件句柄:onload()
87.当窗体关闭时调用的文件句柄:onunload()
88.window.location的属性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息)
89.window.location.reload()刷新当前页面.
90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)
91.document.write()不换行的输出,document.writeln()换行输出
92.document.body.noWrap=true;防止链接文字折行.
93.变量名.charAt(第几位),取该变量的第几位的字符.
94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值.
95.字符串连接:string.concat(string2),或用+=进行连接
96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)
97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
98.string.match(regExpression),判断字符是否匹配.
99.string.replace(regExpression,replaceString)替换现有字符串.
100.string.split(分隔符)返回一个数组存储值.
101.string.substr(start[,length])取从第几位到指定长度的字符串.
102.string.toLowerCase()使字符串全部变为小写.
103.string.toUpperCase()使全部字符变为大写.
104.parseInt(string[,radix(代表进制)])强制转换成整型.
105.parseFloat(string[,radix])强制转换成浮点型.
106.isNaN(变量):测试是否为数值型.
107.定义常量的关键字:const,定义变量的关键字:var

淘声依旧 2008-11-01 13:51 发表评论

Javascript对象（九）

淘声依旧 — Sat, 01 Nov 2008 05:50:00 GMT

复选框对象：

格式：

document.forms[索引].elements[索引].属性

document.forms[索引].elements[索引].方法（参数）

document.表单名称.单选对象名称[索引].属性

document.表单名称.单选对象名称[索引].方法（参数）

属性：

checked 设置该对象为选定状态

defaultChecked 对应该对象的默认选定状态

form 该对象所在的表单

name 该对象的name属性

type 该对象的type属性

value 该对象的value属性

方法：

blur()

click()

focus()

handleEvent(事件)

事件处理程序：

onBlur onClick onDbClick onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove

例：

请选择你喜欢的颜色：

红色
绿色
蓝色

选择对象：

属性：

form 该对象所在的表单

name 该对象的name属性

length 选项的数目

options

selectedIndex 所选项目的索引值

type 该对象的type属性

方法：

blur()

focus()

handleEvent(事件)

事件处理程序：

onBlur onClick onChange onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove

选项对象：选择对象的子对象

格式：

new Option([文字[,值[,defaultSelected[,selected]]]])

属性：

selected 判断该选项是否被选取

defaultSelected 指定该选项为默认选定状态

index 所有选项所构成的数组索引值

length 选项的数目

text 该选项显示的文字

value 所选项传到服务器的值

例1：

例2：

请选择...

onClick="alert(getText())">
onClick="alert(this.form.weekday.value)">

例3：

你最喜欢哪一种水果?

查询

例4：

例5：

例6：

例7：

文本区域对象：

属性：

defaultValue 对应该对象的默认值

form 该对象所在的表单

name 该对象的name属性

type 该对象的type属性

value 该对象的value属性

方法：

blur()

select()

focus()

handleEvent(事件)

事件处理程序：

onBlur onClick onChange onSelect onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove

例1：

<br /> 欢迎留言，不过请长话短说....<br />

例2：

读者回函
姓　　名：

电子邮件：

内　　容：
<br /> 我非常喜欢你的书，加油!!!<br />

文件上传对象：

属性：

form 该对象所在的表单

name 该对象的name属性

type 该对象的type属性

value 该对象的value属性

方法：

blur()

select()

focus()

handleEvent(事件)

事件处理程序：

onBlur onClick onSelect onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove

　

Cookie对象：

是一种以文件（Cookie文件）的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息（Cookie数据）。Cookie文件由所访问的Web 站点建立，以长久的保存客户端与Web站点间的会话数据，并且该Cookie数据只允许被所访问的Web站点进行读取。

Cookie文件的格式：

NS：Cookie.txt
IE：用户名@域名.txt

写入Cookie：

格式：

document.cookie = " 关键字 = 值 [ ; expires = 有效日期 ] [;...]"

备注：

有效日期格式：Wdy,DD-Mon-YY HH:MM:SS GMT

Wdy / Mon：英文星期 / 月份；

还包含path、domain、secure属性；

每个Web站点（domain）可建立20个Cookie数据；

每个浏览器可存储300个Cookie数据，4k字节；

客户有权禁止Cookie数据的写入。

例1：

例2：

读取Cookie：

格式：

document.cookie

例

删除Cookie：

格式：

document.cookie = " 关键字 = ; expires = 当前日期"

例：

淘声依旧 2008-11-01 13:50 发表评论

Javascript对象（七）

淘声依旧 — Sat, 01 Nov 2008 05:49:00 GMT

文件对象：
代表当前HTML对象，是由标签组构成的，对每个HTML文件会自动建立一个文件对象。

格式：

document.属性
document.方法（参数）

文件对象的属性：

linkColor 设置超链接的颜色

alinkColor 作用中的超链接的颜色

vlinkColor 链接的超链接颜色

links 以数组索引值表示所有超链接

URL 该文件的网址

anchors 以数组索引值表示所有锚点

bgColor 背景颜色

fgColor 前景颜色

classes 文件中的class属性

cookie 设置cookie

domain 指定服务器的域名

formName 以表单名称表示所有表单

forms 以数组索引值表示所有表单

images 以数组索引值表示所有图像

layers 以数组索引值表示所有layer

embeds 文件中的plug-in

applets 以数组索引值表示所有applet

plugins 以数组索引值表示所有插件程序

referrer 代表当前打开文件的网页的网址

tags 指出HTML标签的样式

title 该文档的标题

width 该文件的宽度（px）

lastModified 文件最后修改时间

文件对象的方法：

captureEvents(事件) 设置要获取指定的事件

close() 关闭输出字符流，强制显示数据内容

getSelection() 取得当前选取的字串

handleEvent(事件) 使事件处理器生效

open([mimeType,[replace]]) 打开字符流

releaseEvents(事件类型) 释放已获取的事件

routeEvent(事件) 传送已捕捉的事件

write(字串) 写字串或数值到文件中

writeln(字串) 分行写字串或数值到文件中（
..
）

文件对象的事件处理程序：
onClick onDbClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseOver

例1：

测试文件对象的颜色属性：

文哥网路技术学习网

例2：

　

锚点对象：
网页中的锚点均会被自动看作锚点对象，并依顺序，分别表示为document.anchors[0]，document.anchors[1]...

定义锚点对象的格式：

字串.anchor(属性)

锚点对象的属性：

name 锚点名称

text 锚点字串

　

链接对象：
网页中的链接均会被自动看作链接对象，并依顺序，分别表示为document.links[0]，document.links[1]...

定义链接对象的格式：

字串.link(属性)

链接对象的属性：

hash URL中的锚点名称

host 主机域名或IP地址

hostname URL中的host+port

href 完整的URL字串

pathname URL中path部分

port URL中端口部分

protocol URL中通讯协议部分

search URL中查询字串部分

target 代表目标的窗口

text 表示A标签中的文字

x 链接对象的左边界

y 链接对象的右边界

链接对象的方法：
handleEvent(事件)
激活对某事件的处理程序。

链接对象的事件处理程序：
onClick onDbClick onKeyDown onKeyPress onKeyUp onMouseDown onMouseUp onMouseOver onMouseOut

例1：

常用的搜索引擎：

蕃薯藤
 奇摩
 雅虎
 盖世
 网擎
 梦想家

　

框架对象：

可以被窗口中的框架引用的对象，具有窗口对象的属性和方法。

格式：

top.frameName|frames[n].属性|方法

parent.frameName|frames[n].属性|方法

例：
/* -------- frameset.htm -------- */







导航页

会员登录

 热门优惠

 回首页

/* -------- usrInfo.htm -------- */

/* -------- login.htm -------- */

请输入您的大名：

防止直接链接：

例：

今日优惠：

超级豪华大比萨。（原价$550，今天只要$450）

海鲜大比萨。（原价$550，今天只要$450）

检查是否使用框架：

例：

首页

欢迎光临

My PIZZA

淘声依旧 2008-11-01 13:49 发表评论

Javascript对象（八）

淘声依旧 — Sat, 01 Nov 2008 05:49:00 GMT

表单对象：

文件对象的子对象，Javascript的runtime engine自动为每一个表单建立一个表单对象。

格式：

document.forms[索引].属性

document.forms[索引].方法（参数）

document.表单名称.属性

document.表单名称.方法（参数）

表单对象的属性：

action 表单动作

elements 以索引表示的所有表单元素

encoding MIME的类型

length 表单元素的个数

method 方法

name 表单名称

target 目标

表单对象的方法：

handleEvent(事件) 使事件处理程序生效

reset() 重置

submit() 提交

　

文本对象：

格式：

document.forms[索引].elements[索引].属性

document.forms[索引].elements[索引].方法（参数）

document.表单名称.文本对象名称.属性

document.表单名称.文本对象名称.方法（参数）

属性：

defaultValue 该对象的value属性

form 该对象所在的表单

name 该对象的name属性

type 该对象的type属性

value 该对象的value属性

方法：

blur()

focus()

handleEvent(事件)

select() 该对象设置为选取状态

事件处理程序：

onBlur onChange onClick onDbClick onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove onSelect

例1：

姓名：

例2：

姓　　名： onFocus=getFocus(this) onBlur=getBlur(this)>

电　　话： onFocus=getFocus(this) onBlur=getBlur(this)>

例3：

请输入你的信用卡号码：

-
-
-

密码对象：

格式：

document.forms[索引].elements[索引].属性

document.forms[索引].elements[索引].方法（参数）

document.表单名称.密码对象名称.属性

document.表单名称.密码对象名称.方法（参数）

属性：

defaultValue 该对象的value属性

form 该对象所在的表单

name 该对象的name属性

type 该对象的type属性

value 该对象的value属性

方法：

blur()

focus()

handleEvent(事件)

select() 该对象设置为选取状态

事件处理程序：

onBlur onChange onClick onDbClick onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove onSelect

例1：

姓　　名：

输入密码：

重新输入：

　

例2：

请输入四位数数字密码：

按钮对象、提交按钮对象、重置按钮对象：

格式：

document.forms[索引].elements[索引].属性

document.forms[索引].elements[索引].方法（参数）

document.表单名称.按钮对象名称.属性

document.表单名称.按钮对象名称.方法（参数）

属性：

form 该对象所在的表单

name 该对象的name属性

type 该对象的type属性

value 该对象的value属性

方法：

blur()

click()

focus()

handleEvent(事件)

事件处理程序：

onBlur onClick onDbClick onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove

隐藏对象：

格式：

document.forms[索引].elements[索引].属性

document.forms[索引].elements[索引].方法（参数）

document.表单名称.隐藏对象名称.属性

document.表单名称.隐藏对象名称.方法（参数）

属性：

form 该对象所在的表单

name 该对象的name属性

type 该对象的type属性

value 该对象的value属性

单选按钮对象：

格式：

document.forms[索引].elements[索引](索引).属性

document.forms[索引].elements[索引](索引).方法（参数）

document.表单名称.单选对象名称[索引].属性

document.表单名称.单选对象名称[索引].方法（参数）

属性：

checked 设置该对象为选定状态

defaultChecked 对应该对象的默认选定状态

form 该对象所在的表单

name 该对象的name属性

type 该对象的type属性

value 该对象的value属性

方法：

blur()

click()

focus()

handleEvent(事件)

事件处理程序：

onBlur onClick onDbClick onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove

例：

姓名：

你是：帅哥
美女

淘声依旧 2008-11-01 13:49 发表评论

Javascript对象（六）

淘声依旧 — Sat, 01 Nov 2008 05:48:00 GMT

屏幕对象：
描述屏幕的显示及颜色属性。

屏幕对象的属性：

格式： screen.属性

availHeight 屏幕区域的可用高度

availWidth 屏幕区域的可用宽度

colorDepth 颜色深度 256/8 16/16 32M/32

height 屏幕区域的实际高度

width 屏幕区域的实际宽度

例1：

例2：

　

事件对象：

当事件发生时，浏览器自动建立该对象，并包含该事件的类型、鼠标坐标等。

事件对象的属性：

格式：event.属性

data 返回拖拽对象的URL字符串（dragDrop）

width 该窗口或框架的高度

height 该窗口或框架的高度

pageX 光标相对于该网页的水平位置

pageY 光标相对于该网页的垂直位置

screenX 光标相对于该屏幕的水平位置

screenY 光标相对于该屏幕的垂直位置

target 该事件被传送到的对象

type 事件的类型

which 数值表示的键盘或鼠标键：1/2/3（左键/中键/右键）

layerX 光标相对于事件发生层的水平位置

layerY 光标相对于事件发生层的垂直位置

x 相当于layerX

y 相当于layerY

例1：

例2：

例3：

　

历史对象：

用以存储客户端最近访问的网址清单。
格式：

history.属性
history.方法（参数）

历史对象的属性：

current 当前历史记录的网址

length 存储在记录清单中的网址数目

next 下一个历史记录的网址

previous 上一个历史记录的网址

历史对象的方法：

back() 回到上一个历史记录中的网址

forward() 回到下一个历史记录中的网址

go(整数或URL) 前往历史记录中的网址

例1：
history.go(-1)

newWin.history.back()

parent.downFrame.histroy.back()

例2：
上一页

上一页

　

位置对象：
用来代表特定窗口的URL信息。

格式：

location.属性
location.方法（参数）

URL的格式：

protocol//host:port/path#hash?search

URL的种类：

javascript: javascript程序代码

view-source: 显示源代码

http:

file:

ftp:

mailto:

news:

gopher

位置对象的属性：

hash 锚点名称

host 主机名称

hostname host:port

href 完整的URL字符串

pathname 路径

port 端口

protocol 协议

search 查询信息

位置对象的方法：

reload() 重新加载

replace(网址) 用指定的网页取代当前网页

例1：

按下按钮前往「文哥网络技术学习网」

例2：

onClick="location='http://www.hubert.idv.tw/'">
文哥网络技术学习网

onClick="location='http://www.hubert.idv.tw/'">
文哥网络技术学习网

例3：

tDown()', 1000)">

文哥网络技术学习网

http://www.hubert.idv.tw/

五秒钟后自动带你前往

5

例4：

设为首页

加入收藏

淘声依旧 2008-11-01 13:48 发表评论

Javascript对象（四）

淘声依旧 — Sat, 01 Nov 2008 05:46:00 GMT

函数：

独立于主程序的、具有特定功能的一段程序代码块。

函数的定义：

格式：
function 函数名([参数[,参数...]]){
     <语句组>
     [return <表达式>；]
}

约定：
1、函数名：易于识别；（同变量命名规则）
2、程序代码：模块化设计；
3、函数位置：按逻辑顺序，集中置顶。（...）

return语句：

格式：
return <表达式>；

功能：返回表达式的值。

函数的调用：

格式：
函数名([参数[,参数...]])

例1：

例2：

事件：
用户对浏览器所做的特定的动作（操作），是实现交互操作的一种机制。

事件名称适用对象意义说明

Abort image 终止当图形尚未完全加载前

Blur
失去焦点

Change t/pw/ta/select 改变

DragDrop window 拖曳

Error
img/win 错误加载文件或图形时发生错误

Focus
取得焦点

Move window 移动

Reset form 重置

Submit form

Click/DblClick、KeyDown/KeyPress/KeyUp、Load/Unload、MouseDown/MouseUp/MouseOver/MouseOut/MouseMove

事件处理程序：

浏览器响应某个事件，实现用户的交互操作而进行的处理（过程）。

事件处理程序的调用：

浏览器等待用户的交互操作，并在事件发生时，自动调用事件处理程序（函数），完成事件处理过程。

HTML标签属性：

格式：
|<函数名>”>

例1：

例2：

对象属性：

格式：
对象名.on事件=<语句>|<函数名>

例1：
document.onload=alert("建议浏览器的分辨率：800x600");

var str="建议浏览器的分辨率：800x600";
document.onload=alert(str);

例2：

例1：

请输入基本资料：

姓名：

例2：

例3：

文哥网络技术学习网

例4：

文哥网络技术学习网

例5：

文哥网络技术学习网

例6：

搜寻引擎：

蕃薯藤< BR>

奇摩站

例7：

搜寻引擎
蕃薯藤
奇摩
中文雅虎

　

定时器：（延迟器）

用以指定在一段特定的时间后执行某段程序。

setTimeout()：（1.0版）

格式：

[定时器对象名=] setTimeout(“<表达式>”，毫秒)

功能：执行<表达式>一次。

例1：

例2：

最新消息：十面埋伏...

clearTimeout()：终止定时器

格式：

clearTimeout(定时器对象名)

setInterval()：（1.2版）

格式：

[定时器对象名=] setInterval(“<表达式>”，毫秒)

功能：重复执行<表达式>，直至窗口、框架被关闭或执行clearInterval。

clearInterval()：终止定时器

格式：

clearInterval(定时器对象名)

例1：

停留时间：
0秒钟

例2：

　

图像对象：

网页中的图像均会被自动看作图像对象，并依顺序，分别表示为document.images[0]，document.images[1]...

建立图像对象：

格式：

图像对象名称=new Image([宽度],[高度])　　　//px

图像对象的属性：

border complete height hspace lowsrc name src vspace width

图像对象的事件：

onAbort onError onKeyDown onKeyPress onKeyUop onLoad

例1：（预载）

例2：

例3：

淘声依旧 2008-11-01 13:46 发表评论

Javascript对象（五）

淘声依旧 — Sat, 01 Nov 2008 05:46:00 GMT

Navigator对象：（领航员）

检测浏览器的版本、所支持的MIME类型、已安装的外挂程序（plug-in）。该对象包含两个子对象：外挂对象、MIME类型对象。

Navigator对象的属性：

格式： navigator.属性

appCodeName 代码

appName 名称

appVersion 版本

language 语言

mimeType 以数组表示所支持的MIME类型

platform 编译浏览器的机器类型

plugins 以数组表示已安装的外挂程序

userAgent 用户代理程序的表头

例1：

例2：

plugin对象的属性：

格式： navigator.plugins.属性

description 外挂程序模块的描述

filename 外挂程序模块的文件名

length 外挂程序模块的个数

name 外挂程序模块的名称

例：

mimeType对象的属性：

格式：navigator.mimeTypes.属性

description MIME类型的描述

enablePlugin 对应到哪个外挂模块

length MIME类型的数目

suffixes MIME类型的扩展名

type MIME类型的名称

例：

　

窗口对象的属性和方法：

格式：

[window.]属性
[window.]方法（参数）

opener.属性
opener.方法（参数）
self.属性
self.方法（参数）
parent.属性
parent.方法（参数）
top.属性
top.方法（参数）

窗口名称.属性
窗口名称.方法（参数）

窗口对象的属性：

document 当前文件的信息

location 当前URL的信息

name 窗口名称

status 状态栏的临时信息

defaultStatus 状态栏默认信息

history 该窗口最近查阅过的网页

closed 判断窗口是否关闭，返回布尔值

opner open方法打开的窗口的源窗口

outerHeight 窗口边界的垂直尺寸，px

outerWidth 窗口边界的水平尺寸，px

pageXOffset 网页x-position的位置

pageYOffset 网页y-position的位置

innerHeight 窗口内容区的垂直尺寸，px

innerWidth 窗口内容区的水平尺寸，px

screenX 窗口左边界的X坐标

screenY 窗口上边界的Y坐标

self 当前窗口

top 最上方的窗口

parent 当前窗口或框架的框架组

frames 对应到窗口中的框架

length 框架的个数

locationbar 浏览器地址栏

menubar 浏览器菜单栏

scrollbars 浏览器滚动条

statusbar 浏览器状态栏

toolbar 浏览器工具栏

offscreenBuffering 是否更新窗口外的区域

personalbars 浏览器的个人工具栏，仅Navigator

窗口对象的方法：

alert(信息字串) 弹出警告信息

confirm(信息字串) 显示确认信息对话框

prompt(提示字串[，默认值]) 显示提示信息，并提供可输入的字段

atob(译码字串) 对base-64编码字串进行译码

btoa(字串) 将进行base-64编码

back() 回到历史记录的上一网页

forward() 加载历史记录中的下一网页

open(URL，窗口名称[，窗口规格])

focus() 焦点移到该窗口

blur() 窗口转成背景

stop() 停止加载网页

close()

enableExternalCapture() 允许有框架的窗口获取事件

disableExternalCapture() 关闭enableExternalCapture()

captureEvents(事件类型) 捕捉窗口的特定事件

routeEvent(事件) 传送已捕捉的事件

handleEvent(事件) 使特定事件的处理生效

releaseEvents(事件类型) 释放已获取的事件

moveBy(水平点数，垂直点数) 相对定位

moveTo(x坐标，y坐标) 绝对定位

setResizable(true|false) 是否允许调整窗口大小

resizeBy(水平点数，垂直点数) 相对调整窗口大小

resizeTo(宽度，高度) 绝对调整窗口大小

scroll(x坐标，y坐标) 绝对滚动窗口

scrollBy(水平点数，垂直点数) 相对滚动窗口

scrollTo(x坐标，y坐标) 绝对滚动窗口

setInterval(表达式，毫秒)

setTimeout(表达式，毫秒)

clearInterval(定时器对象)

clearTimeout(定时器对象)

home() 进入浏览器设置的主页

find([字串[,caseSensitivr,backward]]) 查找窗口中特定的字串

print()

setHotKeys(true|false) 激活或关闭组合键

setZOptions() 设置窗口重叠时的堆栈顺序

窗口对象的事件处理程序：

onBlur onDragDrop onError onFocus onLoad onMove onResize onUnload

例1：

请输入密码：

例2：

例3：

例4：

将视窗放大与缩小

例5：

双击鼠标，画面会自动卷动...

... The End ...

open方法的窗口规格参数：（yes/no，1/0）

格式：[var 新窗口对象名=]window.open("url","windowName","windowFeature")

alwaysLowered 是否将窗口显示的堆栈后推一层

alwaysRaised 是否将窗口显示的堆栈上推一层

dependent 是否将该窗口与当前窗口产生依存关系

fullscreen 是否满屏显示

directories 是否显示连接工具栏

location 是否显示网址工具栏

menubar 是否显示菜单工具栏

scrollbars 是否显示滚动条

status 是否显示状态栏

titlebar 是否显示标题栏

toolbar 是否显示标准工具栏

resizable 是否可以改变窗口的大小

screenX 窗口左边界距离

screenY 窗口上边界距离

top 窗口上边界

width 窗口宽度

height 窗口高度

left 窗口左边界

outerHeight 窗口外边界的高度

personalbar 是否显示个人工具栏

注释：open("","","menubar")
       open("","","menubar=1")
       open("","","menubar=yes")

例1：

欢迎光临

欢迎光临

这是一个技术研习的小天地

例2：

例3：

文哥网路技术学习网

例4：

利用子窗口来改变母窗口的底色

/* -------- 1.htm -------- */

请选择你喜欢的颜色?

>浅蓝色<　

>浅红色<

淘声依旧 2008-11-01 13:46 发表评论

Javascript对象（三）

淘声依旧 — Sat, 01 Nov 2008 05:45:00 GMT

对象：

对象是一组具有属性和方法的经过组织的数据。

默认对象：

日期对象；（日期基线：1970年1月1日00：00：00）

建立日期对象(实例)：

格式：日期对象名称=new Date([日期参数])

日期参数：1.省略；
2.英文-数值格式：月日，公元年 [时：分：秒]
如：today=new Date("October 1,2008 12:00:00")
　　　　　　　3.数值格式：公元年，月，日，[时，分，秒]
如：today=new Date(2008,10,1)

日期对象的方法：

　　格式：日期对象名称.方法（[参数]）

获取当地时间：

getYear() 返回年份数

getFullYear() 返回年份数

getMonth() 返回月份数（0--11）

getDate() 返回日期数（1--31）

getDay() 返回星期数（0--6）

getHours() 返回时数（0--23）

getMinutes() 返回分数（0--59）

getSeconds() 返回秒数（0--59）

getMilliseconds() 返回毫秒数（0--999）

getTime() 返回对应日期基线的毫秒

Date.parse(日期字串) 返回对应日期基线的毫秒

setTime(时间值) 指定一日期对象的值

toGMTString() 以GMT格式表示日期对象

toUTCString() 以GMT格式表示日期对象

数组对象；

建立数组对象：

格式１：数组对象名称=new Array([元素个数])
格式２：数组对象名称=new Array([[元素1][，元素2，...]])
格式３：数组对象名称=[元素1[，元素2，...]]

例：
fruit=new Array(3);// fruit=new Array();
fruit[0]="苹果";
fruit[1]="梨子";
fruit[2]="橘子";

fruit=new Array("苹果"，"梨子"，"橘子");

　　　　 fruit=["苹果"，"梨子"，"橘子"];

数组对象的属性：

格式：数组对象名称.属性

属性：length　　数组长度

例：

数组对象的方法：

格式：数组对象名称.方法([参数])

方法：

join([分隔符]) 数组元素组合为字符串

toString() 以字符串表示数组

reverse() 数组反转

valueOf() 返回数组值

　　例：

二维数组：

例：

字符串对象；

建立字符串对象：

格式：字符串对象名称=new String(字符串常量)
格式：字符串变量名称="字符串常量"

字符串对象的属性：

格式：字符串对象名称.属性

属性：length　　字符串长度

字符串对象的方法：

格式：字符串对象名称.方法

方法：

bold() 粗体

italtics() 斜体

strike() 删除线

fontsize(字级大小) 文字大小

fontcolor(#rrggbb) 文字颜色

sup() 上标

sub() 下标

toUpperCase() 大写

toLowerCase() 小写

charAt(索引) 返回索引位置的字符

charCodeAt(索引) 返回索引位置的ASCII字符码，十进制表示

indexOf("字串"[,索引]) 返回字串在对象中的索引位置

lastIndexOf("字串"[,索引]) 返回字串在对象中的索引位置（反向搜索）

search("字串") 返回字串在对象中的索引位置

replace("字串1","字串2") 字串2替换字串1

slice(索引i[,索引j]) 返回索引i倒索引j-1的子串

split(["字串"][,限制]) 将字串从对象中删除

substr(start[,length]) 返回特定长度的字串

substring(索引i[,索引j]) 返回索引i倒索引j-1的子串

link("url") 设置链接

match(/匹配字符/)

\d

匹配一个数字字符。

\D

匹配一个非数字字符。

\n

匹配一个换行符。

\r

匹配一个回车符。

\s

匹配一个空格符。

\S

匹配任意非空格符。

\t

匹配一个table符。

\W

匹配任何非单词符。

\num

匹配正整数num。

/n/

匹配八进制，十六进制，十进制的escape值。

toString() 返回字符串

valueOf() 返回字符串值

　　例1：

　　例2：

　　例3：

　　例4：

　　例5：

请输入你的 EMail 地址：

布尔对象；

建立布尔对象：

格式：布尔对象名称=new Boolean(转换值)
转换值：null、未定义、0、或false均转换成false

布尔对象的方法：

格式：布尔对象名称.方法
方法：toString()
valueOf()
例：

数学对象；（静态对象）

数学对象的属性：

格式：Math.属性
属性：

E 自然对数的底数

LN2 2的自然对数

LN10 10的自然对数

LOG2E 以2为底e的对数

LOG10E 以10为底e的对数

PI 圆周率

SQRT1_2 1/2的平方根

SQRT2 2的平方根

数学对象的方法：

格式：Math.方法（参数）
方法：

ceil(数值) 大于等于该数值的最小整数

floor(数值) 小于等于该数值的最大整数

min(数值1,数值2) 最小值

max(数值1,数值2) 最大值

pow(数值1,数值2) 数值1的数值2次方

random() 0倒1的随机数

round(数值) 最接近该数值的整数

sqrt(数值) 开平方根

abs、sin(弧度)、cos、tan、asin、acos、atan、exp、log

　　例1：

　　例2：

例3：

数值对象；

函数对象；

自定义对象。

自定义对象；

构造函数定义对象类型；

建立对象实例。

例：

动态的定义对象属性；

例：
为指定的对象实例定义属性：papa.hobby="看电视";
为对象定义属性：member.prototype.hobby=null;
papa.hobby="上网";
mama.hobby="逛街";
doggy.hobby="啃骨头";

定义对象的方法；

构造函数定义对象方法名；

建立方法的描述函数。

例：

利用对象原型（prototype）为默认对象定义属性：

　

默认函数：

编码函数 escape()：将非字母、数字字符转换成ASCII码

例：sample/unescape

译码函数 unescape()：将ASCII码转换成字母、数字字符

例：sample/unescape

求值函数 eval()：

格式：eval(<表达式>)

例1：字符串运算

例2：对象操作

姓名：

数值判断函数 isNaN()：是否为数值

格式：isNaN(<量>)

例：

整数转换函数 parseInt()：将不同进制（二、八、十六）的数值转换成十进制整数

格式：parseInt(数值字串[，底数])
底数省略，则按内容转换：
0x　0X　　十六进制　　
0　　八进制
其它　　十进制

例：

浮点数转换函数 parseFloat()：将数值字串转换成浮点数

格式：parseFloat (数值字串)

例：

淘声依旧 2008-11-01 13:45 发表评论

Javascript对象（二）

淘声依旧 — Sat, 01 Nov 2008 05:44:00 GMT

JavaScript表达式：

算术表达式；

字符串表达式；

关系（比较）表达式；

逻辑表达式。

JavaScript运算符：

根据处理对象的数目：

单元运算符；

二元运算符；

三元运算符。

根据功能：

赋值运算符；

=　　+=　　-=　　*=　　/=　　%=（取余）

算术运算符；

+　　-　　*　　/　　%（取余）　　++（递增）　　--（递减）　-

例１：

例２：

字符串运算符；

+　　+=

比较运算符；

==　　!=　　===（值及类型）　　!==（值及类型）
<　　<=　　>　　>=

例：

逻辑运算符；

&&　　||　　!

例１：

例２：

例３：

逐位运算符；

特殊运算符。

1、new运算符：创建对象（实例）

格式：对象名称=new 对象类型（参数）

2、this运算符：表示当前对象

格式：this[.属性]

例：

请输入任意字符：

3、条件运算符：三元运算符

格式：<条件表达式> ? 第一个值：第二个值

例：
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;

window.screen.width>800 ? imgheight=100:imgheight=100
window.screen.width>800 ? imgleft=15:imgleft=122

请输入你的性别：

男生
女生

运算符执行的优先顺序：

类型运算符

括号 ()

一元 ! ~ - ++ -- typeof void delete

算术 * / + -

位位移 << >> >>>

比较 < <= > >= == !=

位逻辑 & ^（xor） |

逻辑 && ||

三元条件 ?

赋值 = += -= *= /= %= <<= >>= >>>= &= ^= |=

JavaScript语句：

注释语句：

单行注释：//注释文字

多行注释：/*
注释文字
*/

例：
/***************************************
*              源码之家                *
*         http://www.mycodes.net          *
*       下载:http://www.mycodes.net       *
*      论坛http://www.mycodes.net/bbs     *
*****************************************/

with语句：（对象操作语句）

功能：为一段程序建立默认对象。

格式：
with (<对象>){
<语句组>
｝

例１：
with (document) {
     write ("限时抢购物品：");
     write ("
ViewSonic 17\" 显示器。");
     write ("
EPSON 打印机。");
}

例２：
document.write ("限时抢购物品：");
document.write ("
ViewSonic 17\" 显示器。");
document.write ("
EPSON 打印机。");

if...else语句：

格式1：

if (<表达式>)
     <语句1>;
else
     <语句2>;

if (<表达式>) <语句1>;
else <语句2>;

例：

格式2：

if (<表达式>){
     <语句组1>
}else{
     <语句组2>
}

格式3：

if (<表达式1>){
     <语句组1>
}else if (<表达式2>){
     <语句组2>
}else{
     <语句组3>
}

例1：

例2：

while语句：

格式1：

while (<表达式>)
     语句；

格式2：

while (<表达式>){
     <语句组>
}

例：

do...while语句：

格式：

do {
     <语句组>
} while (<表达式>)

例：

for语句：

格式：

for (<初始表达式>；<条件表达式>；<变动量表达式>){
     <语句组>
}

例：

for...in语句：重复执行指定对象的所有属性

格式：

for ( 变量 in 对象 ){
     <语句组>
}

例：

break语句：

格式：break

例：

continue语句：

格式：continue

例：

switch语句：

格式：

switch (<表达式>) {
     case <数值1>:<语句组1>
                  break;
     case <数值2>:<语句组2>
                  break;
     ...
     default <语句组>
}

例：

请输入性别：

帅哥

美女

淘声依旧 2008-11-01 13:44 发表评论

Javascript对象（一）

淘声依旧 — Sat, 01 Nov 2008 05:43:00 GMT

JavaScript 是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。

JavaScript的特点：

简单、易学、易用；

跨平台；IE、Navigator

符合ECMA（欧洲计算机制造协会）标准，可移植；

事件驱动式的脚本程序设计思想；

动态、交互式的操作方式。

JavaScript的作用：

交互式操作；

表单验证；

网页特效；

Web游戏

服务器脚本开发等。

JavaScript的编写环境：文本编辑器

JavaScript的执行平台：Web浏览器

JavaScript的执行方式：解释执行（由上而下）

JavaScript的版本：JavaScript1.0——JavaScript1.4

浏览器对JavaScript的支持：

JavaScript/IE3.0、JavaScript1.2/IE4.0；

微软允许用户自行设置对JavaScript处理模式。

JavaScript与Java、VBScript、JScript的关系：

　　 JavaScript与Java的区别体现在：

首先，它们是两个公司开发的不同的两个产品，Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而 JavaScript是Netscape公司的产品，其目的是为了扩展Netscape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。

其次，JavaScript是基于对象的，而Java是面向对象的，即Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。 JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。

第三，两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。

第四，两种语言所采取的变量是不一样的。Java采用强类型变量检查，即所有变量在编译之前必须作声明。JavaScript中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运行时检查其数据类型。

第五，代码格式不一样。Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那么进行装载，其代码以字节代码的形式保存在独立的文档中。 JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。编写HTML文档就像编辑文本文件一样方便。

第六，嵌入方式不一样。在HTML文档中，两种编程语言的标识不同，JavaScript使用标签。

JavaScript脚本程序的几种基本格式：

注意：document.write("Hello World!!!"); 必须保存为一个外部文件：hello.js

使用JavaScript协议：

请单击

 请单击

 请单击

　

JavaScript的数据类型：

数值：整数、浮点数；

逻辑值：布尔值；

字符串值：

空值：

未定义值：

JavaScript数据的表示：

整数：由正负号、数字构成，八进制、十进制、十六进制；

浮点数：由正负号、数字和小数点构成，常规记数法、科学记数法；

逻辑值：true、false

字符串值：单引号、双引号

空值：null

未定义值：根本不存在的对象、已定义但没有赋值的量；

JavaScript常量：

布尔常量：true　　false

整数常量：3721　　0007　　0xaff（0Xaff）

浮点数常量：3.14　　.001　　3.721e+3　　-3.721E-3

字符串常量："你的E-mail地址有误！"

含转义字符的字符串常量：

转义字符意义

\b 退格（Backspace）

\f 换页（Form feed）

\n 换行（New line）

\r 返回（Carriage return）

\t 制表符（Tab）

\' 单引号（'）

\" 双引号（"）

\\ 反斜线（\）

document.write("我爱\'JavaScript\'")

document.write("文件在c:\\windows\\下")

document.write("
未满十八岁\n不得进入！
")

document.write("未满十八岁
不得进入！")

document.alert("密码不对\n请重新输入！")

数组常量：

hobby=["听音乐","看电影"]
hobby[0]、hobby[1]

hobby=["听音乐",,"看电影",]
hobby[0]、hobby[1]、hobby[2]、hobby[3]

JavaScript变量：

变量命名规则：

首字符必须是大写或小写的字母或下划线（_）或美元符（$）;

后续的字符可以是字母、数字、下划线或美元符;

变量名称不能是保留字；

长度是任意；

区分大小写；

约定：集中置顶；
使用局部变量；
易于理解；　　stdId
避免混乱。　　usrname　　usrName

声明变量：

var stdId;

var name,sex;

var total=3721;

var notNull=true;

var name="李小龙"，sex="先生";

var i=j=0;

变量赋值：

stdId = 2004007;

变量作用域：（方式、位置）

全局变量：省略var，或在函数外声明

局部变量：在函数内声明

全局变量可在整个脚本中被使用，可在不同的窗口中相互引用（指定窗口名）

例：

淘声依旧 2008-11-01 13:43 发表评论

TAB选项

淘声依旧 — Fri, 29 Aug 2008 03:21:00 GMT

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> Tab选项 TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>
  * {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
li {
display:list-item;
}
.ltopex_title li.current {
background-position:-200px -350px;
border-bottom-color:transparent;
color:#000000;
background-color:#999999;
font-weight:bold;
height:21px;
line-height:22px;
padding-top:4px;
display:block;
}
.ltopex_title li {
background-position:left -350px;
border-bottom:1px solid #9AB9DC;
color:#345083;
cursor:pointer;
float:left;
height:25px;
line-height:24px;
margin-right:4px;
position:relative;
text-align:center;
width:105px;
}
.ltopex_body {
background-position:-50px -50px;
height:125px;
margin-top:25px;
padding-top:5px;
text-align:center;
width:238px;
z-index:2;
}
.ltopex_body li {
display:none;
}
.ltopex_body li.current {
display:block;
}
  style>
  <SCRIPT>
function toggle_extend(c,id){
if(c.className.indexOf("current")> -1)
return;
var lis = c.parentNode.getElementsByTagName("li");
for(var i=0;i<lis.length;i++){
lis[i].className ="";
}
c.className ="current";
document.getElementById("aaa").className ="";
document.getElementById("bbb").className ="";
document.getElementById(id).className ="current";

}
  SCRIPT>
HEAD>

<BODY>
  <div id="tab1">
    <ul class="ltopex_title">
        <li class="current" onClick="toggle_extend(this,'aaa')">今天内容li>
        <li onClick="toggle_extend(this,'bbb')">昨天内容li>
    ul>
    <div id="tabcontent" class="ltopex_body">
        <ul>
            <li id="aaa" class="current">
                今天报道
            li>
            <li id="bbb">
                昨日报道
            li>
        ul>
    div>
  div>
BODY>
HTML>

淘声依旧 2008-08-29 11:21 发表评论

菜单层

淘声依旧 — Fri, 29 Aug 2008 02:07:00 GMT

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> 菜单层 TITLE>
  <script>
    function select_move(id,val){
        var list = document.getElementById(id);
        list.style.display = val;
    }
  script>
HEAD>

<BODY>
  <div id="title" style="width:50px;" onmousemove="select_move('content','block')" onmouseout="select_move('content','none')">
    <span val="0">新闻span>
    <div id="content" style="display:none;width:100px;z-index:10000;">
        <li><a href="#" val="1">国际新闻a>li>
        <li><a href="#" val="2">国际新闻a>li>
        <li><a href="#" val="3">国际新闻a>li>
        <li><a href="#" val="4">国际新闻a>li>
        <li><a href="#" val="5">国际新闻a>li>
        <li><a href="#" val="6">国际新闻a>li>
    div>
  div>
BODY>
HTML>

淘声依旧 2008-08-29 10:07 发表评论

alwaysLowered	是否将窗口显示的堆栈后推一层
alwaysRaised	是否将窗口显示的堆栈上推一层
dependent	是否将该窗口与当前窗口产生依存关系
fullscreen	是否满屏显示
directories	是否显示连接工具栏
location	是否显示网址工具栏
menubar	是否显示菜单工具栏
scrollbars	是否显示滚动条
status	是否显示状态栏
titlebar	是否显示标题栏
toolbar	是否显示标准工具栏
resizable	是否可以改变窗口的大小
screenX	窗口左边界距离
screenY	窗口上边界距离
top	窗口上边界
width	窗口宽度
height	窗口高度
left	窗口左边界
outerHeight	窗口外边界的高度
personalbar	是否显示个人工具栏

getYear()	返回年份数
getFullYear()	返回年份数
getMonth()	返回月份数（0--11）
getDate()	返回日期数（1--31）
getDay()	返回星期数（0--6）
getHours()	返回时数（0--23）
getMinutes()	返回分数（0--59）
getSeconds()	返回秒数（0--59）
getMilliseconds()	返回毫秒数（0--999）
getTime()	返回对应日期基线的毫秒
Date.parse(日期字串)	返回对应日期基线的毫秒
setTime(时间值)	指定一日期对象的值
toGMTString()	以GMT格式表示日期对象
toUTCString()	以GMT格式表示日期对象

join([分隔符])	数组元素组合为字符串
toString()	以字符串表示数组
reverse()	数组反转
valueOf()	返回数组值

E	自然对数的底数
LN2	2的自然对数
LN10	10的自然对数
LOG2E	以2为底e的对数
LOG10E	以10为底e的对数
PI	圆周率
SQRT1_2	1/2的平方根
SQRT2	2的平方根

ceil(数值)	大于等于该数值的最小整数
floor(数值)	小于等于该数值的最大整数
min(数值1,数值2)	最小值
max(数值1,数值2)	最大值
pow(数值1,数值2)	数值1的数值2次方
random()	0倒1的随机数
round(数值)	最接近该数值的整数
sqrt(数值)	开平方根
abs、sin(弧度)、cos、tan、asin、acos、atan、exp、log

类型	运算符
括号	()
一元	! ~ - ++ -- typeof void delete
算术	* / + -
位位移	<< >> >>>
比较	< <= > >= == !=
位逻辑	& ^（xor） \|
逻辑	&& \|\|
三元条件	?
赋值	= += -= *= /= %= <<= >>= >>>= &= ^= \|=

转义字符	意义
\b	退格（Backspace）
\f	换页（Form feed）
\n	换行（New line）
\r	返回（Carriage return）
\t	制表符（Tab）
\'	单引号（'）
\"	双引号（"）
\\	反斜线（\）