如何写可以不提交服务器而把输入内容保存在本机的HTML文件

Create By Robert 2005/9/5

mail:[e-mail]

目的:说明如何写把输入内容保存在本机的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">

附加一份新河科技报价单暨采购确认单源代码

系統不讓我寫