当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 弹出保存对话框JS代码怎么写

弹出保存对话框JS代码怎么写

2012/11/10 14:11:37作者:佚名来源:网络

移动端

【实例名称】

弹出保存对话框JS代码怎么写

【实例描述】

如果要保存网页,必须调用IE自带的“另存为”对话框,但有时候为了让用户下载一些文档,可调用操作系统的“保存”对话框。本例学习如何在网页中弹出保存对话框。

【实例代码】

<html> <iframe src="" width="0" height="0" id="myIframe" name="myIframe"> </iframe> <textarea id="content" rows="6" cols="50"></textarea> <P> <button onclick="javascript:saveFile()">保存</button> <script language="javascript"> function saveFile(){ var obj = window.frames("myIframe");                                 //找到窗体上的iframe     obj.document.open();                                             //打开iframe     obj.document.write (document.getElementById("content").value);  //获取文档的内容     obj.document.close();                                           //关闭iframe     obj.document.execCommand("SaveAs");                             //调用保存对话框 } </script> </html>

 

 

【运行效果】

                                          初始运行效果

弹出保存对话框运行效果

                                                 打开的保存对话框

弹出保存对话框运行效果

【难点剖析】

本例的重点是“execCommand”方法,其一般用于浏览器与常用操作的交互,如撤销、重复、全选、保存等。其所带的参数不能随意更改,每一个参数对应一种操作。

【源码下载】

为了JS代码的准确性,请点击:弹出保存对话框JS代码 进行本实例源码下载