网站js源码分享怎么获取 jsoup获取网页源码

大家好,今天小编来为大家解答网站js源码分享怎么获取这个问题,jsoup获取网页源码很多人还不知道,现在让我们一起来看看吧!

JavaScript在前端领域占据着绝对的统治地位,目前更是从浏览器到服务端,移动端,嵌入式,几乎所有的所有的应用领域都可以使用它。技术圈有一句很经典的话“凡是能用JavaScript实现的东西,最后都会用JavaScript实现”。

Excel电子表格自1980年代以来一直为各行业所广泛使用,至今已拥有超过3亿用户,大多数人都熟悉Excel电子表格体验。许多企业在其业务的各个环节中使用了Excel电子表格进行数据管理。

SpreadJS可以为我们的Web应用提供更好的交互体验,以及更灵活的权限控制、数据整合、数据可视化、战略绩效测量(SPM)、复杂的统计分析等。多年来,Excel兼容性一直是SpreadJS最重要的功能之一。

SpreadJS提供了熟悉的Excel电子表格界面。用户可以通过SpreadJS直接在页面端导入和导出Excel文件——这一切无需依赖Excel。

复制下面链接获取SpreadJS下载:www.evget.com/product/3558/download

在本文中,我们将介绍如何按照以下步骤在JavaScript中,实现页面端电子表格导入/导出到Excel:

1.设置JavaScript电子表格项目

首先,我们可以使用托管在NPM上的SpreadJS文件。为此,我们可以使用命令行参数进行安装。打开命令提示符并导航到应用程序的位置。在那里,您可以使用一个命令安装所需的文件。

在这种情况下,我们需要基本的Spread-Sheets库、Spread-ExcelIO和jQuery:

npmi@grapecity/spread-sheets@grapecity/spread-exceliojquery

SpreadJS不依赖于jQuery,但在这种情况下,我们使用它来提供简单的跨域请求支持,稍后我们将对其进行回顾。

一旦安装了这些,我们就可以在我们的代码中添加对这些脚本和CSS文件的引用:

<!DOCTYPEhtml>\n<html>\n<head>\n<title>SpreadJSExcelIO</title>\n<scriptsrc=&34;type=&34;></script>\n<scriptsrc=&34;></script>\n\n<linkhref=&34;rel=&34;type=&34;/>\n<scripttype=&34;src=&34;></script>\n<scripttype=&34;src=&34;></script>\n\n</head>\n<body>\n<divid=&34;style=&34;></div>\n</body>\n</html>

除了SpreadJS和jQuery文件之外,我们还需要导入FileSaver库,为了便于后续程序处理,SpreadJS默认提供完整的文件流,FileSaver库可以用来把文件流转成文件下载到本地。

然后我们可以在页面中添加一个脚本来初始化Spread.Sheets组件和一个div元素来包含它(因为SpreadJS电子表格组件使用了一个画布,这是初始化组件所必需的):

<scripttype=&34;>\n$(document).ready(function(){\nvarworkbook=newGC.Spread.Sheets.Workbook(document.getElementById(&34;));\n});\n</script>\n</head>\n<body>\n<divid=&34;style=&34;></div>\n</body>

2.添加Excel导入代码

我们需要创建一个客户端ExcelIO组件的实例,我们可以使用它来打开文件:

varexcelIO=newGC.Spread.Excel.IO();

然后我们需要添加一个函数来导入文件。在此示例中,我们导入了一个本地文件,但您可以对服务器上的文件执行相同的操作。如果从服务器导入文件,您需要引用该位置。下面是一个输入元素的示例,用户可以在其中输入文件的位置:

<inputtype=&34;id=&34;value=&34;style=&34;/>

一旦你有了它,你可以直接在脚本代码中访问该值:

varexcelUrl=$(&importUrl&34;./test.xlsx&39;get&39;blob&34;Revenues(Sales)&34;ss&34;addRevenue&34;addRevenue&34;Revenue8&34;=SUM([@[Jan]:[Dec]])&34;Text2&34;Text2&34;Text1&34;34;).val();\nif(fileName.substr(-5,5)!==&39;){\nfileName+=&39;;\n}\nvarjson=JSON.stringify(workbook.toJSON());\n\nexcelIO.save(json,function(blob){\nsaveAs(blob,fileName);\n},function(e){\nif(e.errorCode===1){\nalert(e.errorMessage);\n}\n});\n}

该代码从exportFileName输入元素获取导出文件名。我们可以定义它并让用户像这样命名文件:

<inputtype=&34;id=&34;placeholder=&34;value=&34;/>

然后我们可以添加一个按钮来调用这个函数:

<buttonid=&34;>ExportFile</button>\ndocument.getElementById(&34;).onclick=function(){\nExportFile();\n}

添加收入行后,您可以使用“导出文件”按钮导出文件。确保添加FileSaver外部库以允许用户将文件保存在他们想要的位置:

<scriptsrc=&34;></script>

成功导出文件后,您可以在Excel中打开它,并查看文件与导入时的外观相同,只是现在我们添加了额外的收入行。

这只是一个示例,说明如何使用SpreadJSJavaScript电子表格将数据添加到Excel文件,然后使用简单的JavaScript代码将它们导出回Excel。

本文内容源自葡萄城

好了,文章到此结束,希望可以帮助到大家。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平