實時顯示時間
方法一：
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
飛翔天使 閱讀(291)
評論(0) 編輯 收藏 所屬分類:
javascript