首页
Search
1
Linux 下 Bash 脚本 bad interpreter 报错的解决方法
46 阅读
2
Arch Linux 下解决 KDE Plasma Discover 的 Unable to load applications 错误
38 阅读
3
如何在 IOS Shadowrocket 上配置服务
34 阅读
4
Arch Linux 下解决 KDE Plasma Discover 的 Unable to load applications 错误
34 阅读
5
如何在 Clash for Windows 上配置服务
30 阅读
clash
服务器
javascript
全部
游戏资讯
登录
Search
加速器之家
累计撰写
635
篇文章
累计收到
0
条评论
首页
栏目
clash
服务器
javascript
全部
游戏资讯
页面
搜索到
232
篇与
的结果
2024-09-12
jquery实现导出Excel功能,支持多sheets导出
前端项目开发中,我们有时需要将表格数据完整的导出来,而且保留原有样式,这样的如果用后端导出会比较麻烦,我们可以采用jquery来导出。1、比如有入如下几个表格 <button type="button" class="layui-btn" onclick="tablesToExcel('#table_1,#table_2,#table_3,#table_4,#table_5', '客户评分汇总.xls');" >导出</button> <table id="table_1" data-SheetName="表格一" > <thead> <tr style="background:#008080; color:#fff; font-weight:bold; height:50px;"> <th width="60px" style="border:1px solid #e6e6e6;" >序号</th> <th width="100px" style="border:1px solid #e6e6e6;">名称</th> <th width="100px" style="border:1px solid #e6e6e6;">时间</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>PHP</td> <td>2021-09-25</td> </tr> <tr> <td>2</td> <td>JavaScript</td> <td>2021-09-25</td> </tr> </tbody> </table> <table id="table_2" data-SheetName="表格二" > <thead> <tr style="background:#008080; color:#fff; font-weight:bold; height:50px;"> <th width="60px" style="border:1px solid #e6e6e6;" >序号</th> <th width="100px" style="border:1px solid #e6e6e6;">名称</th> <th width="100px" style="border:1px solid #e6e6e6;">时间</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Java</td> <td>2021-09-25</td> </tr> <tr> <td>2</td> <td>Python</td> <td>2021-09-25</td> </tr> </tbody> </table>2、导出js代码<script src="https://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> var tablesToExcel = (function ($) { var uri = 'data:application/vnd.ms-excel;base64,' , html_start = `<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40">` , template_ExcelWorksheet = `<x:ExcelWorksheet><x:Name>{SheetName}</x:Name><x:WorksheetSource HRef="https://www.tpxhm.com/fdetail/sheet{SheetIndex}.htm"/></x:ExcelWorksheet>` , template_ListWorksheet = `<o:File HRef="https://www.tpxhm.com/fdetail/sheet{SheetIndex}.htm"/>` , template_HTMLWorksheet = ` ------=_NextPart_dummy Content-Location: sheet{SheetIndex}.htm Content-Type: text/html; charset=windows-1252 ` + html_start + ` <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link id="Main-File" rel="Main-File" href="https://www.tpxhm.com/WorkBook.htm"> <link rel="File-List" href="https://www.tpxhm.com/fdetail/filelist.xml"> <style type="text/css"> table td,table th { border: 1px solid #ddd; min-height: 40px; line-height:40px; padding-left:5px; padding-right:5px; text-align:center; overflow: hidden; font-size:16px; padding-top:5px; padding-bottom:5px; font-family: '微软雅黑'; width:100%; } </style> </head> <body><table>{SheetContent}</table></body> </html>` , template_WorkBook = `MIME-Version: 1.0 X-Document-Type: Workbook Content-Type: multipart/related; boundary="----=_NextPart_dummy" ------=_NextPart_dummy Content-Location: WorkBook.htm Content-Type: text/html; charset=windows-1252 ` + html_start + ` <head> <meta name="Excel Workbook Frameset"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="File-List" href="https://www.tpxhm.com/fdetail/filelist.xml"> <!--[if gte mso 9]><xml> <x:ExcelWorkbook> <x:ExcelWorksheets>{ExcelWorksheets}</x:ExcelWorksheets> <x:ActiveSheet>0</x:ActiveSheet> </x:ExcelWorkbook> </xml><![endif]--> </head> <frameset> <frame src="https://www.tpxhm.com/fdetail/sheet0.htm" name="frSheet"> <noframes><body><p>This page uses frames, but your browser does not support them.</p></body></noframes> </frameset> </html> {HTMLWorksheets} Content-Location: filelist.xml Content-Type: text/xml; charset="utf-8" <xml xmlns:o="urn:schemas-microsoft-com:office:office"> <o:MainFile HRef="https://www.tpxhm.com/WorkBook.htm"/> {ListWorksheets} <o:File HRef="https://www.tpxhm.com/fdetail/filelist.xml"/> </xml> ------=_NextPart_dummy-- ` , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) } , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) } return function (tables, filename) { var context_WorkBook = { ExcelWorksheets:'' , HTMLWorksheets: '' , ListWorksheets: '' }; var tables = jQuery(tables); $.each(tables,function(SheetIndex){ var $table = $(this); var SheetName = $table.attr('data-SheetName'); if($.trim(SheetName) === ''){ SheetName = 'Sheet' + SheetIndex; } context_WorkBook.ExcelWorksheets += format(template_ExcelWorksheet, { SheetIndex: SheetIndex , SheetName: SheetName }); context_WorkBook.HTMLWorksheets += format(template_HTMLWorksheet, { SheetIndex: SheetIndex , SheetContent: $table.html() }); context_WorkBook.ListWorksheets += format(template_ListWorksheet, { SheetIndex: SheetIndex }); }); var link = document.createElement("A"); link.href = uri + base64(format(template_WorkBook, context_WorkBook)); link.download = filename || 'Workbook.xls'; link.target = '_blank'; document.body.appendChild(link); link.click(); document.body.removeChild(link); } })(jQuery); </script>上面就可以把网页中的表格,安装样式导出来,也支持自定义样式,样式在上面的js中编写。
2024年09月12日
3 阅读
0 评论
0 点赞
2024-09-12
如何使用jquery的jquery.jqprint.js打印网页内容,jquery.jqprint.js插件下载
jquery.jqprint.js一个通过单击页面按钮,便实现页面打印的jQuery插件,是前端打印的好帮手。使用方法:1、引入插件,或下载插件.<!-- 引入 jQuery 文件 --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!-- 引入 jquery.jqprint.js 文件 --> <script src="https://cdn.bootcdn.net/ajax/libs/jQuery.print/1.6.0/jQuery.print.min.js"></script>2、实例化插件方法<script> // 打印指定 DOM 元素 function printContent() { $("#print-content").print(); } </script>完整示例:<!DOCTYPE html> <html> <head> <title>jquery.jqprint.js 示例</title> <!-- 引入 jQuery 文件 --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <!-- 引入 jquery.jqprint.js 文件 --> <script src="https://cdn.bootcdn.net/ajax/libs/jQuery.print/1.6.0/jQuery.print.min.js"></script> </head> <body> <!-- 需要打印的内容 --> <div id="print-content"> <h1>这是一个标题</h1> <p>这是一段文本内容。</p> <img src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"/> </div> <!-- 打印按钮 --> <button onclick="printContent()">打印</button> <script> // 打印指定 DOM 元素 function printContent() { $("#print-content").print(); } </script> </body> </html>运行上述代码后,你会发现一个“打印”按钮,当你点击该按钮时,将会弹出一个打印对话框,就是实现对网页部分内容进行打印。
2024年09月12日
2 阅读
0 评论
0 点赞
2024-09-12
索尼彻底删除星鸣特攻游戏账户
《星鸣特攻》9月6日正式下线,两周后索尼采取前所未有措施:彻底从玩家PlayStation账户中删除游戏。索尼通知玩家:“感谢您成为尊贵的PlayStation客户,《星鸣特攻》的实时服务已于9/6/24下线。游戏已无法玩。因此,我们已从您的帐户中删除了此内容。” 外媒Kotaku表示,他们的副本仍安装在主机上,但主菜单界面显示为“锁定”,商店查看商品会报错:“找不到您要查找的内容”。《星鸣特攻》停售公告暗示了这种强制措施,即“为所有玩家提供全额退款,退款之后,玩家无法再访问游戏”。退款自动进行,数字版购买者似乎无法保留访问权。
2024年09月12日
3 阅读
0 评论
0 点赞
2024-09-12
幸福工厂team在线人数突破12万!正式版已经发布!
Coffee Stain Studios推出的《幸福工厂》已正式结束EA,并在Steam平台推出了1.0正式版。游戏现在正在进行首发优惠活动,国内售价为122.4元,优惠截止日期为9月25日。目前,《幸福工厂》的Steam在线人数创下了新的峰值,最高达到了120064人。《幸福工厂》是一款第一人称开放世界工厂建造游戏,玩家可以在游戏中展开异星冒险,与好友一起探索外星星球,建造多层工厂并进入传送带天堂。感兴趣的玩家可以点击Steam商店链接进行购买。
2024年09月12日
3 阅读
0 评论
0 点赞
2024-09-12
黑曼巴悟空最新版下载链接
黑曼巴悟空下载链接,是一款以《西游记》为背景设定的冒险动作游戏。在游戏中,玩家扮演的是孙悟空,需要对抗各种阻挠西天取经的怪物。除了战斗之外,还有探索和养成的设置,可以在开放世界里探索宏伟的奇幻东方场景,并收集法宝和神器。游戏主要设定是根据《西游记》剧情,穿插大量的剧情作为主线,还设定了大量的支线。玩家可以操控外观精致立体的神话角色探索这个世界。游戏是动作设定,可以根据对手的能力和属性选择不同的招式对战,多样化的敌人设定可以让玩家不断调整自身的策略。为了增加游戏的可玩性,游戏还设置了社交模式,可以通过社交系统和其他成员交流战斗。在游戏中,玩家可以自由变身或飞行,感受多种不同的战斗状态。如果你对这种题材和设定感兴趣,可以直接在豌豆荚APP下载预约。无论你是否了解《西游记》,都可以在游戏中扮演孙悟空,惩恶扬善。
2024年09月12日
3 阅读
0 评论
0 点赞
1
...
17
18
19
...
47