实时显示时间
方法一：
var OA_TIME = new Date();
function timeview() {
timestr = OA_TIME.toLocaleString();
timestr = timestr.substr(timestr.indexOf(" "));
time_area.innerHTML = timestr;
OA_TIME.setSeconds(OA_TIME.getSeconds() + 1);
window.setTimeout("timeview()", 1000);
}
<body onLoad="timeview();">
<span id="time_area"></span>
方法二：
setInterval("time_area.innerHTML=new Date().toLocaleString()",1000);
控制前进和后退：使用history对象
history对象同样是Window对象的一个子对象，它对应于浏览器的历史记录功能。例如使用后退按钮可以使浏览器导航到上一个页面，而使用前进按钮则使用户导航至下一页面，利用 前进或 后退按钮旁的下拉列表框，还可以任意跳转到指定的页面。当然，这些页面都是用户访问过的，它们以栈的形式存储于浏览器的内部。
在javascript中，浏览器的这个功能以history对象的形式提供给用户，用于使用代码控制这些操作。对应于前进，后退，访问任意页面，history也提供了不相涉个方法：back(),forword(),go().例如：
history.back();//相当于用户单击“后退”按钮
history.forward();//相当于用户单击“前进”按钮
history.go(-2);//相当于用户单击两次“后退”按钮
注意：history.go()方法，当参数为正时，相当于前进功能；当参数为负时相当于后退功能。当参数为０时，表示刷新当前页面，用户已经输入的表单数据改变。
如何使用escape()函数
功能：返回经过重新编码过的字符串。
格式：escape(String)
参数：String 必填。String 对象或文字。
注意：escape()只编译符号和中文 英文则原样输出
测试代码：
<script type="text/javascript">
document.write("测试字符串<font color=\"#FF0000\">Javascript escape函数</font> 编码后<font color=\"#FF0000\">");
document.write(escape("Javascript escape函数"));
document.write("</font><br>");
</script>
运行结果：测试字符串Javascript escape函数 编码后Javascript%20escape%u51FD%u6570
获取上传文件的文件名及扩展名
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>获取上传文件的文件名及扩展名</title>
</head>
<body>
<script language="javascript">
<!--
function getFileName(obj)
{
var pos = obj.value.lastIndexOf("/")*1;
return obj.value.substring(pos+1);
}
function getFileExt(obj)
{
return obj.value.replace(/.+./,"");
}
function showInfo(obj)
{
var filename = "文件名：" + getFileName(obj);
var fileext = "扩展名：" + getFileExt(obj);
document.getElementById("filename").innerText = filename;
document.getElementById("fileext").innerText = fileext;
}
-->
</script>
<div id="filename" style="font-size:12px; "></div><br>
<div id="fileext" style="font-size:12px; "></div><br>
<input type="file" name="file1" onChange="showInfo(this);">
</body>
</html>
form表单高度控制
<form style="margin:0 ">
文字环绕图片
<img src="images/news.jpg" style="FLOAT: left; MARGIN-BOTTOM: 10px; MARGIN-RIGHT: 20px" alt="">
其中:
FLOAT: left 图片在文字左边.
FLOAT: left 图片在文字右边.
MARGIN-BOTTON控制图片底部与文字的距离；
MARGIN-RIGHT控制图片右边与文字的距离。
margin-left:15px控制图片左边与文字的距离。
posted on 2009-04-07 10:28
飞翔天使 阅读(273)
评论(0) 编辑 收藏 所属分类:
javascript