js 怎么讲html页面保存word

JavaScript013

js 怎么讲html页面保存word,第1张

js 怎么将html页面保存word，我们需要使用自己编写的函数，然后在通过moveToElementText这个函数获取到html的内容，然后在保存就可以了，这里我提交一段代码：

<html>

2<head>

3<title>测试HTML导出内容至WORD</title>

4<script type="text/javascript" language="javascript">

5//指定页面区域内容导入Word

6function exportToWord(controlId) {

7var control = document.getElementById(controlId)

8try {

9var oWD = new ActiveXObject("Word.Application")

10var oDC = oWD.Documents.Add("", 0, 1)

11var oRange = oDC.Range(0, 1)

12var sel = document.body.createTextRange()

13try {

14sel.moveToElementText(control)

15} catch (notE) {

16alert("导出数据失败，没有数据可以导出。")

17window.close()

18return

19}

20sel.select()

21sel.execCommand("Copy")

22oRange.Paste()

23oWD.Application.Visible = true

24//window.close()

25}

26catch (e) {

27alert("导出数据失败，需要在客户机器安装Microsoft Office Word(不限版本)，将当前站点加入信任站点，允许在IE中运行ActiveX控件。")

28try { oWD.Quit()} catch (ex) { }

29//window.close()

30}

31}

32</script>

33</head>

34<body>

35<div id="TestDiv">

36<div align="center">爱情公寓第三季成绩表</div>

37

38<table width="100%">

39<tr>

40<td style="background-color: #F50AE5font-weight: boldtext-align:center">

41名次

42</td>

43<td style="background-color: #F50AE5font-weight: boldtext-align:center">

44姓名

45</td>

46<td style="background-color: #F50AE5font-weight: boldtext-align:center">

47总分

48</td>

49</tr>

50<tr>

51<td style="text-align:center">

522012001

53</td>

54<td style="text-align:center">

55曾小贤

56</td>

57<td style="text-align:center">

5886

59</td>

60</tr>

61<tr>

62<td style="text-align:center">

632012002

64</td>

65<td style="text-align:center">

66胡一菲

67</td>

68<td style="text-align:center">

6985

70</td>

71</tr>

72</table>

73</div>

74<div>

75<div style="text-align:center">

76<input type="button" value="导出到WORD" onclick="return exportToWord('TestDiv')" />

77</div>

78</body>

79</html>

首先要将自己要转换的HTML代码准备好。

然后进入 站长工具网 。百度搜索能找到，点击进入，选择“HTML/JS互转”

然后粘贴进去，得到相应的JS代码。

如果现在是直接放到网页中，直接将JS代码贴进去就行了。如果不是直接贴到记事本中。然后保存为JS文件。

然后我们得到JS文件，然后就可以直接上传了。