Create By Robert 2005/9/5
mail:[email protected]
目的:說明如何寫把輸入內容保存在本機的HTML文件
1. 如何保存頁面輸入內容的?
增加一個保存按鈕,
<input type="button" name="save" value='保存' onclick="fncSource()">
點擊之後讓它執行下面的fncSource()函數:
<Script language="javascript">
<!--
function fncSource()
{
document.write(document.documentElement.outerHTML);
document.execCommand('Saveas',true,'c://file.htm');
}
//-->
</Script>
就達到保存的目的了.
2. 如何打印當前頁面的?
增加一個打印按鈕,
<input type="button" name="print" value='打印' onclick="window.print()">
點擊之後讓它執行下面的window.print()函數,就達到打印的目的了.
3. 推薦使用的網頁編輯工具
Frontpage是Microsoft出品的,可能是最簡單,最容易,卻又功能強大的網頁編輯工具.採用典型的Word界面設計,只要你懂得使用Word,就差不多等於已經會使用Frontpage.就算你不懂Word也沒關係,”所見即所得”的操作方式會讓你很快上手,而且你無須學習HTML語法.但Frontpage的也有其不足之處:首先是瀏覽器兼容性不好,做出來的網頁,用Netscape往往不能正常顯示;其次,生成的垃圾代碼多,也會自動修改代碼,導致在某些情況下極爲不便;再次,對DHTML的支持不好.但不管怎麼說,Frontpage的確是入門級網頁製作的首選工具.
Dreamweaver是Macromedia公司的產品的一款”所見即所得”的網頁編輯工具.與Frontpage不同,Deamweaver採用的是Mac機浮動面版的設計風格,對於初學者來說可能會感到不適應.但當你習慣了其操作方式後,就會發現Dreamweaver的直觀性與高效性是Frontpage所無法比擬的.所以說Dreamweaver是高級網頁製作的首選工具.
4. 舉例說明如何增加編修字段
增加按鈕:
<input type="button" name="print" value='按鈕'">
增加文字框:
<input type=text name=textbox value="文字框">
增加多行文字框:
<textarea rows="2" name="textareabox" cols="20">多行文字框</textarea>
增加多選框:
<select size="8" name="D1">
<option value="Opetion1">S1</option>
<option selected value="Opetion2">S2</option>
</select>
增加單選按鈕:
<input type="radio" value="V1" checked name="R1"><input type="radio" name="R1" value="V2">
增加核選方塊:
<input type="checkbox" name="C1" value="ON">
附加一份新河科技報價單暨採購確認單源代碼
系統不讓我寫