当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页经典代码(五)

HTML/XHTML教程
IE5+专有日历
跨框架下拉菜单
用鼠标拖动表格进行排序
通用表单验证函数
静态页面的值传递(三部曲)
用javascript获得地址栏参数的两种方法
校验日期的函数
Select的OnChange()事件
区分只读文本框和普通文本框的背景色
指定选取textarea的特定行
清除WORD冗余格式并粘贴
页面载入时提示消息层
正则表达式regular expression详述
最精致的日历式日期输入控件
MD5算法在JS中的实现
javascript 的面向对象编程
自适应图片大小的弹出窗口
锁定行头和列头的表格组件
简化的enter转化成tab组件
日期相加的函数addDate

HTML/XHTML教程 中的 网页经典代码(五)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 35 ::
收藏到网摘: n/a


30.自动更新提示

<body>
<TABLE border=2 cellspacing=0 cellpadding=3>
<TR><TD bgcolor="#000044">
<FONT color="#4400ff" face=georgia,arial size=+1>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write(document.title);
//-->
</SCRIPT>
</TD></TR>
<TR><TD bgcolor="#440000">
<FONT size=-1 color="#ff0000" face="trebuchet MS","arial">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv : null;
var path = (argc > 3) ? argv : null;
var domain = (argc > 4) ? argv : null;
var secure = (argc > 5) ? argv : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function deleteCookie(name) {
var exp = new Date();
FixCookieDate (exp);
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var cookie_date=new Date(document.lastModified);
var expdate = new Date();
expdate.setTime(expdate.getTime()+(5*24*60*60*1000));
document.write("<Font color=ff8800>" + "上次更新时间: "+ "</font>" +document.lastModified);
document.write("");
if (!(cookie_date == GetCookie("cookie_date"))){
SetCookie("cookie_date",cookie_date,expdate);
document.write("<font color='yellow'>
站点上次更新!</font>
");
}
// End -->
</SCRIPT>
</FONT>
</TD></TR>
</TABLE>
</CENTER>
</body>

31.关于表格提交的几种格式

<input type=text name=txtPostalCode onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnvalue = false;">
限制输入字符,你可以改变KEYCODE的值来限制输入。你将KEYCODE的值设为极大和极小就什么也不能输入了。这个可以屏蔽你想屏蔽的字符有一定的选择性..

<INPUT type="text" name="username" value="james" disabled>
使用disabled属性后的区域的值,不能被传递给其他的程序(ASP/CGI)去处理,如果你非要传递请通过隐藏属性去做。这个比较单一,功能不强。一般用于未完成的站点。

<INPUT type="text" name="partNumber" value="1500" readonly>
readonly属性顾名思义是"只读"。它将TEXT转化为一个对象,禁止对它进行编辑。你虽然可以通过TAB键在多个TEXT区域间切换,但是不能修改已经指定的TEXT区的值。但是它不象Disabled属性那样,可以进行正常的数值传递。