在html页面里有一个“下载”按钮,如何实现点击按钮后把页面内容下载word文档

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在html页面里有一个“下载”按钮,如何实现点击按钮后把页面内容下载word文档相关的知识,希望对你有一定的参考价值。

跪求高手指教···在线等!!!

这段代码可以搞定,不过只能在IE浏览器下。
<!DOCTYPE html>
<html>
<head>
<title>New Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
<form id="form">
<table id = "PrintA" width="100%" border="1" cellspacing="0" cellpadding="0" >
<tr style="text-align : center;">
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
<td>单元格4</td>
</tr>
<tr>
<td colSpan=4 style="text-align : center;"><font color="red" face="Verdana">单元格合并</FONT></td>
</tr>
</table>
<BR>
<table id = "Test" width="100%">
<tr>
<td><font color="red">test</FONT></td>
</tr>
</table>
</form>
<input type="button" onclick="javascript:MakeWord();" value="导出页面到Word">
<script type="text/javascript">
function MakeWord()

var word = new ActiveXObject("Word.Application");
// var doc = word .documents.open("c:\test.doc"); //此处为打开已有的模版
var doc = word .Documents.Add("",0,1);//不打开模版直接加入内容
var Range=doc.Range();

var sel = document.body.createTextrange();
sel.moveToElementText(form);//此处form是页面form的id
sel.select();
sel.execCommand("Copy");
Range.Paste();
word .Application.Visible = true;
doc .saveAs("c:\\ba.doc"); //存放到指定的位置注意路径一定要是“\\”不然会报错

</script>
</body></html>

<script type="text/javascript">
function word()

word=new ActiveXObject('word.application');
word.Application.Visible=trUE;
var doc=word.Documents.Add('',0,1);
range=doc.range(0,1);
var sel=Layer1.document.body.createTextrange();
Layer1.document.execCommand('Copy');
sel.moveEnd('character');
range.Paste();
location.reload();
word.ActiveWindow.ActivePane.view.Type=3; //默认为页面视图

</script>
<div id="Layer1"><input type="button" name="button" value="生成word" onclick="word();"></div>追问

这位朋友你好,你的代码我有些看不懂,我试了下有点问题,就是我直接把代码复制,写成一个html页面,单击按钮没有反应···能帮我看下么?谢谢了···

追答

这个代码我亲手测试过的,没有问题。
不过只能在IE下使用,且用到windows浏览器的activex控件,你需要允许这个控件使用(就像第一次打开淘宝登录页面时,提示的控件一样,不过这个控件不需要安装,只需要“允许使用”就可以了)。

参考技术A <input type=button value=下载 onclick="window.location.href='网址'"></input> 参考技术B 这个恐怕不行,除非别人已经将此内容做成了word供你下载追问

如果是做成Wrod了呢?怎么下载?

追答

是你自己做,还是下载别人的,下载别人的,直接单击那个下载按钮,自己做的话,要加一段代码

追问

我写好一个wrod文档形式的文件,他单击按钮就可以直接下载的那种···

追答

本回答被提问者采纳
参考技术C 这个链接的地址直接指向word文档就行了!~追问

你的意思是?

AngularJS中怎样实现点击页面的任意地方隐藏指定div

参考技术A 如果页面元素很少的话,那就试试每个div添加点击事件,在点击事件里面进行隐藏指定div本回答被提问者采纳

以上是关于在html页面里有一个“下载”按钮,如何实现点击按钮后把页面内容下载word文档的主要内容,如果未能解决你的问题,请参考以下文章

网页中点击下载按钮实现图片下载功能

AngularJS中怎样实现点击页面的任意地方隐藏指定div

C++Builder点击按钮,打开新的页面

html中需要点击两次“返回上一页”按钮,才能实现返回上一页

如何解决js中点击了按钮一次,再按回车也会触发按钮的事件的bug

js点击按钮下载视频文件,为啥不下载,而是在另外一个页面中打开了文件,代码如下