在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控件,你需要允许这个控件使用(就像第一次打开淘宝登录页面时,提示的控件一样,不过这个控件不需要安装,只需要“允许使用”就可以了)。
如果是做成Wrod了呢?怎么下载?
追答是你自己做,还是下载别人的,下载别人的,直接单击那个下载按钮,自己做的话,要加一段代码
追问我写好一个wrod文档形式的文件,他单击按钮就可以直接下载的那种···
追答本回答被提问者采纳 参考技术C 这个链接的地址直接指向word文档就行了!~追问你的意思是?
AngularJS中怎样实现点击页面的任意地方隐藏指定div
参考技术A 如果页面元素很少的话,那就试试每个div添加点击事件,在点击事件里面进行隐藏指定div本回答被提问者采纳以上是关于在html页面里有一个“下载”按钮,如何实现点击按钮后把页面内容下载word文档的主要内容,如果未能解决你的问题,请参考以下文章
AngularJS中怎样实现点击页面的任意地方隐藏指定div
html中需要点击两次“返回上一页”按钮,才能实现返回上一页