FDS's Blog » JAVASCRIPT

document.body.scrollTop的返回值总是零的处理方法

fangds — Wed, 29 Apr 2009 02:56:10 +0000

为什么document.body.scrollTop的值总是零呢？原来是头部声明的问题，也是标准的问题。

原来在HTML文件头部声明了这样一句：

改成这样就好了：

var scrollPos;
if (typeof window.pageYOffset != ‘undefined’) {
   scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != ‘undefined’ &&
     document.compatMode != ‘BackCompat’) {
   scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != ‘undefined’) {
   scrollPos = document.body.scrollTop;
}
alert(scrollPos);

一切OK.

JS弹出菜单纵向/横向效果

FDS — Tue, 24 Mar 2009 09:05:49 +0000

JS弹出菜单效果，包括纵向和横向的。以下是实现方法。

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
http://www.w3.org/1999/xhtml“>

真空镀铝机

在火狐里面强制换行字符

fangds — Mon, 23 Mar 2009 09:36:47 +0000

火狐也不知道为什么，自己功能上，样式上面，都无法让其强制换行，这里用JS来实现火狐里面强制换行的方法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>firefox-break-word</title> <style type="text/css"> <![CDATA[/*> </style> </head> <body> <div id="break"> If there were less sympathy in the world, there would be less trouble in the world. ( O. Wilde ) </div> <script> function toBreakWord(intLen){ var obj=document.getElementById("ff"); var strContent=obj.innerHTML; var strTemp=""; while(strContent.length>intLen){ strTemp+=strContent.substr(0,intLen)+"<br>"; strContent=strContent.substr(intLen,strContent.length); } strTemp+="<br>"+strContent; obj.innerHTML=strTemp; } if(document.getElementById && !document.all) toBreakWord(37) </script> </body> </html>

提示：你可以先修改部分代码再运行。

三步骤完整实现ASP+JavaScript的日历选择器

FDS — Thu, 04 Dec 2008 06:33:58 +0000

三步骤完整实现ASP+JavaScript的日历选择器，这个在很多的选择日期的输入框都可以用到。发出来，分享一下。首先：建立文件:CALENDAR.ASP

<%@ LANGUAGE = VBScript %>
<% Option Explicit %>
<%
Function sFont(iSize,sFace,sColor,bScale)
Dim sOutputStr
sOutputStr = “ if sFace <> “” then
   sOutputStr = sOutputStr & ” FACE=’” & sFace & “‘”
else
   sOutputStr = sOutputStr & ” FACE=’Helv’”
end if

if iSize = “” then
  iSize = 1
end if
if bScale then
  iSize = cInt(iSize * 1)
end if
sOutputStr = sOutputStr & ” SIZE=” & iSize
if sColor <> “” then
   sOutputStr = sOutputStr & ” COLOR=” & sColor
end if

sOutputStr = sOutputStr & “>”

sFont = sOutputStr
End Function
On Error Resume Next
Dim datecntrl, Dy, Mo, Yr, nextmonth, startwith, thisMo, thisYr, thisDate,the_type
Dim prevMonthLastDate, currMonthLastDate, i, j, lastnum, AnyDate,default_value

datecntrl= Request(“object”)
defaultvalue=request(“value”)
the_type=request(“type”)
if the_type<>”datetime” then
the_type=”date”
end if

if defaultvalue=”" then
Yr = year(date)
Mo = month(date)
Dy = day(date)
else
    dim pos1
    dim deal_value
    dealvalue=default_value
    pos1=instr(deal_value,”-”)
Yr = cint(mid(deal_value,1,pos1-1))
dealvalue=mid(deal_value,pos1+1)
pos1=instr(deal_value,”-”)
Mo = cint(mid(deal_value,1,pos1-1))
if trim(the_type)=”date” then
  Dy = cint(mid(deal_value,pos1+1))
else
    dim H,M,S
  dealvalue=mid(deal_value,pos1+1)
  pos1=instr(deal_value,” “)
    Dy=cint(mid(deal_value,1,pos1-1))
  dealvalue=mid(deal_value,pos1+1)
  pos1=instr(deal_value,”:”)
     H=cint(mid(deal_value,1,pos1-1))
  dealvalue=mid(deal_value,pos1+1)
  pos1=instr(deal_value,”:”)
    M=cint(mid(deal_value,1,pos1-1))
    S=cint(mid(deal_value,pos1+1))
end if
end if

nextmonth = false
%>





  日历











      <%= sFont(“2″,”宋体”,”",True) %>
      <%= writeYears(Yr) %>

      <%= sFont(“2″,”宋体”,”",True) %>
      <%= writeMonths(Mo) %>



    <%
function nextDate(startwith, maxdays)
  startwith = startwith + 1
  if startwith > maxdays then
   startwith = 1
  end if

  nextDate = startwith
end function

function GetLastDay(Mo,Yr)
   if Mo=2 then
   if (Yr Mod 4)=0 then
      GetLastDay = 29
   else
    GetLastDay = 28
   end if
  elseif ((Mo = 0) OR (Mo = 1) OR (Mo = 3) OR (Mo = 5) OR (Mo = 7) OR (Mo = 8) OR (Mo = 10) OR (Mo = 12)) then
     GetLastDay = 31
  else
     GetLastDay = 30
  end if
end function

function GetFirstDayOffset(Mo,Yr)
  GetFirstDayOffset = weekday(Mo & “/01/” & Yr)-1
end function

function writeMonths(selMo)
  dim i, selstr
  selstr = “”
  writeMonths = selstr
end function

function writeYears(selYear)
  dim i, selstr
  selstr = “”
  writeYears = selstr
end function
prevMonthLastDate=GetLastDay((Mo-1),Yr)
currMonthLastDate=GetLastDay(Mo,Yr)
startwith=(prevMonthLastDate-GetFirstDayOffset(Mo, Yr))
%>










    <% For j = 1 to 6 %>

     <% For i = 1 to 7 %>
     <% if j = 1 then %>
     <% startwith = nextDate(startwith, prevMonthLastDate) %>
     <% if startwith = Dy and startwith < 7 then %>

     <% else %>
     <% lastnum = startwith %>
     <% startwith = nextDate(startwith, currMonthLastDate) %>
     <% if lastnum > startwith then%>
     <% nextmonth = true %>
     <% end if %>
     <% if startwith = Dy and not nextmonth then %>

     <% end if %>
     <% Next %>

    <% Next %>


      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      日

      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      一

      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      二

      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      三

      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      四

      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      五

      <%= sFont(“2″,”宋体”,”#FFFFFF”,True) %>
      六


      <% else %>

      <% end if %>
      <% thisYr = Yr %>
      <%= sFont(“2″,”宋体”,”",True) %>
      <% if startwith < 7 then %>

       <% thisMo = Mo %>
       <% else %>
       <% thisMo = Mo – 1 %>
       <% if thisMo = 0 then %>
       <% thisMo = 12 %>
       <% thisYr = Yr-1 %>
       <% end if %>
       <% end if %>
       , <%= thisMo %>,<%= thisYr %>,false);” >
        <% response.write startwith %>


      <% else %>

      <% end if %>
      <% thisYr = Yr %>
      <% if not nextmonth then %>

       <% thisMo = Mo %>
       <% else %>
       <% thisMo = Mo + 1 %>
       <% if thisMo = 13 then %>
       <% thisMo = 1 %>
       <% thisYr = Yr+1 %>
       <% end if %>
       <% end if %>
       <%= sFont(“2″,”宋体”,”",True) %>
       , <%= thisMo %>, <%= thisYr %>,false);” >
        <% response.write startwith %>









      <%if the_type=”datetime” then%>



      <%end if%>

其次:建立文件:JavaScriptdate.js

function f_get_date(object_name){
var objectvalue=”";
eval(“objectvalue=”+object_name+”.value”);
if(!f_chkDate(object_value)){
  var v_today=new Date();
  objectvalue=v_today.getYear()+”-”+(v_today.getMonth()+1)+”-”+(v_today.getDate());
}
open(‘calendar.asp?type=date&object=’+object_name+’&value=’+object_value,’calendar’,'resizable=yes,toolbar=no,scrollbars=no,directories=no,menubar=no,width=180,height=240′);
}
//获取日历时间函数
function f_get_datetime(object_name){
var objectvalue=”";
eval(“objectvalue=”+object_name+”.value”);
open(‘calendar.asp?type=datetime&object=’+object_name+’&value=’+object_value,’calendar’,'resizable=yes,toolbar=no,scrollbars=no,directories=no,menubar=no,width=210,height=270′);
}
//检查字符串是否为日期，返回值：false、true
function f_chkDate(datestr)
{
var lthdatestr
if (datestr != “”)
  lthdatestr= datestr.length ;
else
  lthdatestr=0;

var tmpy=”";
var tmpm=”";
var tmpd=”";
//var datestr;
var status;
status=0;
if ( lthdatestr== 0)
  return false;

    if(lthdatestr>10)
       return false;

for (i=0;i < lthdatestr;i++)
{ if (datestr.charAt(i)== ‘-’)
  {
   status++;
  }
  if (status>2)
  {
   //alert(“Invalid format of date!”);
   return false;
  }
  if ((status==0) && (datestr.charAt(i)!=’-'))
  {
   tmpy=tmpy+datestr.charAt(i)
  }
  if ((status==1) && (datestr.charAt(i)!=’-'))
  {
   tmpm=tmpm+datestr.charAt(i)
  }
  if ((status==2) && (datestr.charAt(i)!=’-'))
  {
   tmpd=tmpd+datestr.charAt(i)
  }

}
year=new String (tmpy);
month=new String (tmpm);
day=new String (tmpd);

//tempdate= new String (year+month+day);
//alert(tempdate);
if ((tmpy.length!=4) || (tmpm.length>2) || (tmpd.length>2))
{
  //alert(“Invalid format of date!”);
  return false;
}
if (!((1<=month) && (12>=month) && (31>=day) && (1<=day)) )
{
     //alert (“Invalid month or day!”);
  return false;
}
if (!((year % 4)==0) && (month==2) && (day==29))
{
  //alert (“This is not a leap year!”);
  return false;
}
if ((month<=7) && ((month % 2)==0) && (day>=31))
{
  //alert (“This month is a small month!”);
  return false;

}
if ((month>=8) && ((month % 2)==1) && (day>=31))
{
  //alert (“This month is a small month!”);
  return false;
}
if ((month==2) && (day==30))
{
  //alert(“The Febryary never has this day!”);
  return false;
}

return true;
}

最后:说一下在页面中如何调用

示例:(使用页)

    1.获取日期:


     2.获取日期和时间

Javascript隐藏链接真实地址的方法

FDS — Thu, 27 Nov 2008 10:29:35 +0000

一个简单的而有实用的用Javascript隐藏超级链接真实地址，方法如下：

打开窗口

当鼠标打向打开窗口时，出现的链接信息是#，而不是a.htm，从而达到隐藏真实的超级链接地址的效果！

用JavaScript避免表单重复提交

FDS — Wed, 26 Nov 2008 06:41:05 +0000

论坛里有很多无恶意的重复帖子，这里介绍一个办法，用JavaScript避免重复提交，下面是部分源码：

//这句不能少，用隐含变量传递一个时间初值

//这里是你要提交的内容

(请按一次，耐心等待！)

用了这个代码，论坛的重复帖子明显减少，不过有个缺点，就是刷新一次，检测就不起作用，好处就是利用JS检测，不需要额外的权限支持，至于效果如何，用不用就随你们了，（最好前端跟后端都加上检测）

根据鼠标的事件，来控制图片大小的效果

fangds — Mon, 24 Nov 2008 09:41:28 +0000

发现了一个通过根据鼠标的事件，来控制图片大小的效果，觉得挺有意思，分享一下。
关于透明效果，注意一下：
火狐：this.style.MozOpacity=1;
IE：this.filters.alpha.opacity=100;
以下是实现代码，可以直接运行试试看。

提示：你可以先修改部分代码再运行。

用JavaScript验证表单中的email地址是否合法完整实例

FDS — Thu, 20 Nov 2008 02:09:11 +0000

在设计表单是，经常要遇到要求输入EMAIL的。这里就用一个完整实例来说明用JavaScript验证email地址的完美方法。

以下是代码部分。

<html> <head> <title>验证email地址是否合法</title> <script language="JavaScript">  function char_test(chr) //字符检测函数 { var i; var smallch="abcdefghijklmnopqrstuvwxyz"; var bigch="ABCDEFGHIJKLMNOPQRSTUVWXYZ"; for(i=0;i<26;i++) if(chr==smallch.charAt(i) || chr==bigch.charAt(i)) return(1); return(0); } function spchar_test(chr) //数字和特殊字符检测函数 { var i; var spch="_-.0123456789"; for (i=0;i<13;i++) if(chr==spch.charAt(i)) return(1); return(0); } function email_test(str) { var i,flag=0; var at_symbol=0; //“@”检测的位置 var dot_symbol=0; //“.”检测的位置 if(char_test(str.charAt(0))==0 ) return (1); //首字符必须用字母 for (i=1;i<str.length;i++) if(str.charAt(i)=='@') { at_symbol=i; break; } //检测“@”的位置 if(at_symbol==str.length-1 || at_symbol==0) return(2); //没有邮件服务器域名 if(at_symbol<3) return(3); //帐号少于三个字符 if(at_symbol>19 ) return(4); //帐号多于十九个字符 for(i=1;i<at_symbol;i++) if(char_test(str.charAt(i))==0 && spchar_test(str.charAt(i))==0) return (5); for(i=at_symbol+1;i<str.length;i++) if(char_test(str.charAt(i))==0 && spchar_test(str.charAt(i))==0) return (5); //不能用其它的特殊字符 for(i=at_symbol+1;i<str.length;i++) if(str.charAt(i)=='.') dot_symbol=i; for(i=at_symbol+1;i<str.length;i++) if(dot_symbol==0 || dot_symbol==str.length-1) //简单的检测有没有“.”，以确定服务器名是否合法 return (6); return (0); //邮件名合法 } </script> </head> <body> <form method="POST" name="emal" onSubmit="return mail_process(email_add.value)"> <p>请输入您的E-mail地址： <input type="text" name="email_add" size="20" > <input type="submit" value="确定" name="B1"></p> </form> </body> </html>

提示：你可以先修改部分代码再运行。

如何防止网页的复制和剪贴操作？

FDS — Mon, 27 Oct 2008 05:20:19 +0000

有时候，为了防止别人复制自己的网页内容，我们需要防止网页上的复制和剪贴操作，看看下面的例子。

<body oncopy="return false;" oncut="return false;"> 复制这些文字试试看效果。 </body>

提示：你可以先修改部分代码再运行。

如何禁止在网页中的粘贴动作？

FDS — Sun, 26 Oct 2008 12:57:50 +0000

如何禁止在网页中的粘贴动作？以下是一个例子，大家参考一下。

<body onpaste="return false"> <input value="">试着粘贴文字看看 </body>

提示：你可以先修改部分代码再运行。

如何禁止在网页选取来防止复制操作？

FDS — Fri, 24 Oct 2008 06:50:23 +0000

如何禁止在网页选取来防止复制操作？请看下面的实例。

<body onselectstart="return false"> 试着用鼠标选取文字看看。 </body>

提示：你可以先修改部分代码再运行。

如何彻底屏蔽网页鼠标右键菜单？

FDS — Thu, 23 Oct 2008 06:23:36 +0000

偶尔的时候，我会需要彻底屏蔽网页鼠标右键菜单，以下就是屏蔽网页鼠标右键菜单的方法。

<body oncontextmenu=return(false)> 用鼠标右键试试看效果呀。 </body>

提示：你可以先修改部分代码再运行。

用鼠标来拖动表格行的排列方式

FDS — Wed, 22 Oct 2008 02:43:22 +0000

用鼠标来拖动表格行的排列方式，看看是不是很酷呢。
看下面的实例：

提示：你可以先修改部分代码再运行。

设计一个通用表单验证函数

FDS — Wed, 22 Oct 2008 01:25:34 +0000

不管是动态网站,还是其它B/S结构的系统,都离不开表单，表单做为客户端向服务器提交数据的载体担当相当重要的角色。这就引出了一个问题,提交的数据合法吗?摆在我们面前的问题就是验证这些数据保证所提交的数据是合法的.所以,我们写了一个大堆的验证函数.当我们开始新的一个项目的开发时,我们又得写一大堆的验证函数,然后再调试这一大堆的函数…
本文将介绍一种方法来提高我的代码的可重用性,提高我们的开发效率.

个人以为表单的验证应该包含两部分:
第一,判断用户输入的数据是否合法.
第二,提示用户你的数据为什么是不合法的.

所以,我们的通用表单验证函数要实现的功能就是:
第一,取得用户输入的数据GetValue(el)
第二,验证用户的数据CheckForm(oForm)
IE支持自定义属性,这就是这个通用函数实现的基础
我们可以在表单元素上加入描述自身信息的属性.有点像XML吧.
check属性:该属性用于存储数据合法性的正则表达式.
warning属性:该性性用于存储出错误提示信息.
第三,返回有误的表单提示GoBack(el)
这三个步骤的触发事件是onsubmit,记住是return CheckForm(this)
搞错了就全功尽弃了 :)

写到这里,整体框架就出来了,通过取得表单元素的check属性,取得字符串,构建正则表达式.再验证其值.如果通过验证就提交,如是数据不合法则取得表单元素的warning属性,产生提示信息.并返回到该表单元素.整个的框架也比较简单.
我们要做的就是写好正则表达式!

接下来我们来分析一下所有的表单元素
按其共性,我们将它们分为三类
每类表单的特点不一样,我们的目标就是写出通用的.

1.文输入框Text

2.单多选框Choose

3.单多下拉菜单Select

讲了一堆”大道理”太抽象了,代码更有说服力!

提示：你可以先修改部分代码再运行。

判断表单的输入框是否为空，并用光标的焦点定指向输入框

FDS — Fri, 17 Oct 2008 06:57:16 +0000

我们通常设计表单都会碰到这样也个情况，一个表单内的文本框必须要输入内容，在没有输入内容提交时就会提示出错，那么如何防止客户端在没有输入时就提交表单呢？请看下面一个例子，如果您没有输入任何值时就会出现提示对话框。
示例：

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>判断表单输入框是否为空，并用光标的焦点定指向输入框</title> </head> <body> <form name="free"method="POST"action=""onsubmit="return check()"> <p align="center"> <input type="text"name="t1"size="20"> <input type="submit"value="提交"name="B1"> </p> </form> <script LANGUAGE="javascript">  </script> </body> </html>

提示：你可以先修改部分代码再运行。

用超链接的方式实现提交表单的例子

FDS — Fri, 17 Oct 2008 01:17:57 +0000

今天举个用超链接的方式实现提交表单的例子，有时候很有作用哦，以下是示例：

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>用超链接的方式实现提交表单的例子</title> </head> <body> <script LANGUAGE="JavaScript"> function checkvalue() { if(document.welcomeform.myname.value=="") { alert("昵称不能为空！"); return(false); } if(document.welcomeform.mypassword.value=="") { alert("密码不能为空！"); return(false); } document.welcomeform.submit(); return(true); } </script> <form name="welcomeform" method="post" action="index.php"> 昵称：<input type="text" name="myname" value=""> 密码：<input type="password" name="mypassword" value=""> <a href="#" onclick="JavaScript:checkvalue();return false;">登录</a> </form> </body> </html>

提示：你可以先修改部分代码再运行。

在JavaScript中创建对象的实例二

FDS — Thu, 16 Oct 2008 01:01:47 +0000

在JavaScript中创建对象的实例二，颜色变化的例子。

<html> <head> <script>  </script> <body> </body> </html>

提示：你可以先修改部分代码再运行。

在JavaScript中创建对象的实例一

FDS — Wed, 15 Oct 2008 01:08:56 +0000

在JavaScript中创建对象的实例一，一个动态文字滚动的例子。

<html> <head> <title></title> <script LANGUAGE="JavaScript"> 　 with (top.window.location) {baseURL = href.substring (0,href.lastIndexOf ("/") + 1)} total_toc_items = 0; current_overID = ""; last_overID = ""; browser = navigator.appName; version = parseInt(navigator.appVersion); client=null; loaded = 0; if (browser == "Netscape" && version >= 3) client = "ns3"; function toc_item (img_name,icon_col,width,height) { if (client =="ns3") { img_prefix = baseURL + img_name; this.icon_col = icon_col; this.toc_img_off = new Image (width,height); this.toc_img_off.src = img_prefix + "_off.gif"; this.toc_img_on = new Image (width,height); this.toc_img_on.src = img_prefix + "_on.gif"; } } 　 function new_toc_item (img_name,icon_row,width,height) { toc_item [img_name] = new toc_item (img_name,icon_row,width,height); } 　 function toc_mouseover (itemID) { if (client =="ns3") { current_overID = itemID; if (current_overID != last_overID) { document [current_overID].src = toc_item [current_overID].toc_img_on.src; if (last_overID != "") { document.images [last_overID].src = toc_item[last_overID].toc_img_off.src; } last_overID = current_overID; } } } 　 function toc_mouseout () { if (client =="ns3") { if (current_overID != "") { document.images [current_overID].src = toc_item [current_overID].toc_img_off.src; } current_overID = ""; last_overID = ""; } } new_toc_item ("1",2,120,20); <!-- Begin function bannerObject(p){ this.msg = MESSAGE this.out = " " this.pos = POSITION this.delay = DELAY this.i = 0 this.reset = clearMessage} 　 function clearMessage(){ this.pos = POSITION} var POSITION = 50; var DELAY = 150; var MESSAGE = "这是一个动态JavaScript文字显示的例子"; var scroll = new bannerObject(); function scroller(){ scroll.out += " "; if(scroll.pos>0) for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) { scroll.out +=" " ; } if (scroll.pos>= 0) scroll.out += scroll.msg else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length) document.noticeForm.notice.value = scroll.out scroll.out = " "; scroll.pos--; scroll.pos--; if (scroll.pos < -(scroll.msg.length)) { scroll.reset(); } setTimeout ('scroller()',scroll.delay);} </script> </head> <body onload="scroller()" bgcolor="#000000" link="#C0C0C0" vlink="#C0C0C0" alink="#008080" text="#C0C0C0"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%"><form NAME="noticeForm"> <p><input TYPE="text" name="notice" size="40" style="background-color: rgb(192,192,192)"></p> </form> </td> </tr> </table> </center></div> </body> </html>

提示：你可以先修改部分代码再运行。

在JavaScript中创建对象

FDS — Tue, 14 Oct 2008 07:06:56 +0000

　　使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强大，但JavaScript还是提供了创建一个新对象的方法。使其不必像超文本标识语言那样，求于或其它多媒体工具，就能完成许多复杂的工作。
　　在JavaScript中创建一个新的对象是十分简单的。首先它必须定义一个对象，而后再为该对象创建一个实例。这个实例就是一个新对象，它具有对象定义中的基本特征。

一、对象的定义
JavaScript对象的定义，其基本格式如下：
Function Object（属性表）
This.prop1=prop1
This.prop2=prop2
…
This.meth=FunctionName1;
This.meth=FunctionName2;
…
在一个对象的定义中，可以为该对象指明其属性和方法。通过属性和方法构成了一个对象的实例。如以下是一个关于University对象的定义：
Function university(name,city,creatDate URL)
This.name=name
This.city=city
This.creatDate=New Date(creatDate)
This.URL=URL
其基本含义如下：
Name－指定一个“单位”名称。　
City－“单位”所在城市。　
CreatDate－记载university对象的更新日期。　
URL－该对象指向一个网址。

二、创建对象实例
一旦对象定义完成后，就可以为该对象创建一个实例了：
NewObject=New object();
其中Newobjet是新的对象，Object已经定义好的对象。例：
U1=New university(“云南省”，“昆明市”，"January 05,199712:00:00","http://www.YN.KM") U2=New university(“云南电子科技大学”，“昆明”,"January 07,1997 12:00:00","htlp://www.YNKJ.CN")　
三、对象方法的使用
在对象中除了使用属性外，有时还需要使用方法。在对象的定义中，我们看到This.meth=FunctionName语句，那就是为定义对象的方法。实质对象的方法就是一个函数FunctionName，通过它实现自己的意图。
例在university对象中增加一个方法，该方法是显示它自己本身，并返回相应的字串。
function university(name,city,createDate,URL)
This.Name=Name;
This.city=city;
This.createDate=New Date(creatDate)；
This.URL=URL；
This.showuniversity=showuniversity;
其中This.showuniversity就是定义了一个方法－－－showuniversity()。
而showuniversity()方法是实现university对象本身的显示。
function showuniversity()
For (var prop in this)
alert(prop+=”+this[prop]+”");
其中alert是JavaScript中的内部函数，显示其字符串。
　
四、JavaScript中的数组　
使用New创建数组
JavaScript中没有提供像其它语言具有明显的数组类型，但可以通过function定义一个数组，并使用New对象操作符创建一个具有下标的数组。从而可以实现任何数据类型的存储。
a、定义对象的数组
Function arrayName(size){
This.length=Size;
for(var X=; X<=size;X++)
this[X]=0;
Reture this;
}
其中arrayName是定义数组的一个名子，Size是有关数组大小的值（1-size），即数组元素的个数。通过for循环对一个当前对象的数组进行定义，最后返回这个数组。
从中可以看出，JavaScript中的数组是从1到size，这与其它０到size的数组表示方法有所不同，当然你可根据需要将数组的下标由１到size调整到０到size－１,可由下列实现:
Function arrayName (size)
For (var X=0; X<=size;X++)
this[X]=0;
this.lenght=size;
Return this;
从上面可以看出该方法是只是调整了this.lenght的位置，该位置是用于存储数组的大小的。从而调整后的数组的下标将与其它语言一致。但请读者注意正是由于数组下标顺序由１到size，使得JavaScript中的对象功能更加强大。
b、创建数组实例
一个数组定义完成以后，还不能马上使用，必须为该数组创建一个数组实例：
Myarray=New arrayName(n);
并赋于初值：
Myarray[1]=“字串１”；
Myarray[2]=“字串２”；
Myarray[3]=“字串３”；
…
Myarray[n]=“字串n”；
一旦给数组赋于了初值后，数组中就具有真正意义的数据了，以后就可以在程序设计过程中直接引用。
创建多维数组
Function creatMArray(row,col){
var indx=0;
this.length=(row*10)+col
for(var x=1;x<=row;x++)
for(var y=1;y<=col;y++)
indx=(x*10)+y;
this[indx]=””;
}
myMArray=new creatMArray();
之后可通过myMArray[11]、myMArray[12]、myMArray[13]、myMArray[21]、myMArray[22]、myMArray[23]、
…来引用。
内部数组
在Java中为了方便内部对象的操作,可以使用窗体(Forms)、框架(Frames)、元素(element)、链接(links)和锚(Anchors)数组实现对象的访问。
　anchors[]:使用《A name=“anchorName“》标识来建立锚的链接。

　links[]: 使用来定义一个越文本链接项。

　Forms[]: 在程序中使用多窗体时,建立该数组。

　Elements[]:在一个窗口中使用从个元素时,建立该数组。

　Frames[]:建立框架时,使用该数组

　anchors[]用于窗体的访问(它是通过《form name=“form1”》所指定的),link[]用于被链接到的锚点的访问(它是通过《a href=URL》所指定的)。Forms[]反映窗体的属性,而anchors[]反映Web页面中的链接属性。
有关锚数组的文档：

定义第一个锚名
HTML Code
定义第二个锚名
HTML Code
建立锚的链接
 建立锚的链接
….
该文档段建立了两面全锚的链接,可通过Anchors[]访问这些锚。document.Anchors[0]反映第一个锚,而document.Anchors[1]反映第二个锚的有关信息。

利用JAVASCRIPT让IFRAME框架的高度自适应

FDS — Mon, 01 Sep 2008 09:46:28 +0000

页面内嵌不同的网页内容时，导致iframe的高度无法与实现内容或浏览器高度相匹配。窗口大小变换时，不能iframe不能进行自动调整。这里，我们利用JAVASCRIPT让IFRAME框架的高度自适应。

首先，写出如下的JS方法。
/** * 内嵌页面的高度设置 */ function handleFrameLoad() { var hDoc = getBodyHeight(document); var tblmain = document.getElementById('tblMain'); var mFrame = window.mainFrame; var hFrameDoc = getFrameHeight(mFrame); var hTable = hDoc-80; //减去该页面除iframe外其他控件所占的高度. if(hFrameDoc > hTable) hTable = hFrameDoc; tblmain.style.height = hTable; mFrame.height = hTable; if(window.mainFrame.moduleRight != null){ //表示该内嵌页，包含内嵌的页面，页iframe的id固定为moduleRight。 initFrameHeight(mFrame,hTable); } }


/**

 * 获取当前页面的高度

 */

function getBodyHeight(doc){

  if(doc.all) return doc.body.offsetHeight;

  else return doc.body.scrollHeight;

}
/**

 * 获取内嵌页中的高度.

 * 若另含子内嵌(moduleRight)页时,应考虑该页面的高度.

 */

function getFrameHeight(mFrame){

  var h1 = mFrame.document.body.offsetHeight;

  var h2 = mFrame.document.body.scrollHeight;

  if(mFrame.moduleRight != null){

      var h3 = mFrame.moduleRight.document.body.scrollHeight;

    if(h3 > h2) h2 = h3;

  }

  return h2;

}

/** * 设置子内嵌页面的高度. * 通过设置iframe所在table的高度来调整。 */ function initFrameHeight(frame,hFrame){ var tbl = frame.document.getElementById('tblMainFrame'); tbl.style.height = hFrame; }

主页面，在加载完毕（onload）、窗口大小调整(onresize)，以及iframe的加载完毕时，需调用:handleFrameLoad，代码如下:

其他内嵌页如下(注：此处的iframe高度设为100%，其高度由父页面通过设置table的高度来进行调整)：

<%= sFont(“2″,”宋体”,”#FFFFFF”,True) %> 日	<%= sFont(“2″,”宋体”,”#FFFFFF”,True) %> 一	<%= sFont(“2″,”宋体”,”#FFFFFF”,True) %> 二	<%= sFont(“2″,”宋体”,”#FFFFFF”,True) %> 三	<%= sFont(“2″,”宋体”,”#FFFFFF”,True) %> 四	<%= sFont(“2″,”宋体”,”#FFFFFF”,True) %> 五	<%= sFont(“2″,”宋体”,”#FFFFFF”,True) %> 六
<% else %>	<% end if %> <% thisYr = Yr %> <%= sFont(“2″,”宋体”,”",True) %> <% if startwith < 7 then %> <% thisMo = Mo %> <% else %> <% thisMo = Mo – 1 %> <% if thisMo = 0 then %> <% thisMo = 12 %> <% thisYr = Yr-1 %> <% end if %> <% end if %> , <%= thisMo %>,<%= thisYr %>,false);” > <% response.write startwith %>	<% else %>	<% end if %> <% thisYr = Yr %> <% if not nextmonth then %> <% thisMo = Mo %> <% else %> <% thisMo = Mo + 1 %> <% if thisMo = 13 then %> <% thisMo = 1 %> <% thisYr = Yr+1 %> <% end if %> <% end if %> <%= sFont(“2″,”宋体”,”",True) %> , <%= thisMo %>, <%= thisYr %>,false);” > <% response.write startwith %>