html 导出到 excel


本文摘自PHP中文网,作者韦小宝,侵删。

html 导出到 excel,使用html还可以导出Excel呢,让我们一起来看看吧,html结合js是如何导出Excel的。

流程 :

1. 获取html标签内容

2. 获取html标签内容

3. 转成blob 对象

4. 添加模拟事件

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

<!DOCTYPE html>

<!--  demo -->

<html>

<head>

<meta charset="UTF-8">

<title>网页HTML存本地</title>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

</head>

<body>

<a href="#">保存文件</a>

<script>

 

//  事 件 模 拟

/**

*对象 URL 也被称为 blob URL,指的是引用保存在 File 或 Blob 中数据的 URL。使用对象 URL 的

*好处是可以不必把文件内容读取到 JavaScript 中而直接使用文件内容。为此,只要在需要文件内容的地

*方提供对象 URL 即可。要创建对象 URL,可以使用 window.URL.createObjectURL() 方法,并传入

*File 或 Blob 对象。

*/

function fake_click(obj) {

    var ev = document.createEvent("MouseEvents");

    // 初始化事件对象

    ev.initMouseEvent(

        "click", true, false, window, 0, 0, 0, 0, 0

        , false, false, false, false, 0, null

        );

    // 触发事件

    obj.dispatchEvent(ev);

}

 

function export_raw(name, data) {

   var urlObject = window.URL || window.webkitURL || window;

 

   var export_blob = new Blob([data]);

 

//  XHTML 的命名空间是 http://www.w3.org/1999/xhtml

 

   var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")

   save_link.href = urlObject.createObjectURL(export_blob);

   save_link.download = name;

   fake_click(save_link);

}

var test=document.getElementsByTagName('html')[0].outerHTML;

 

$('a').click(function() {

export_raw('test.xsl', test);

});

</script>

</body>

</html>

以上就是html 导出到 excel的所有内容和源码,希望可以给大家带来帮助吧

阅读剩余部分

相关阅读 >>

html实现自动清理js、css文件的缓存

html的正式名称是

html的网页错位原因以及解决方法

uniapp与html的区别是什么

html中代码怎么进行注释

html中hr是什么意思

html标签元素有哪些种类?html的常用标签元素的介绍

html的<script>标签如何使用

怎么在html中隐藏一段文字

html和css是什么语言?

更多相关阅读请进入《Excel》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...