上篇文章给大家介绍了如何借助nodejs平台解析操作excel,今天给大家介绍如何在浏览器端使用js解析操作excel。...在文章开始之前我们要搞明白一件事情,那就是在浏览器端用js操作excel主要来做什么呢? 主要做两件事情读和写,对就是这两件事情,在浏览器端针对Excel操作的所有需求无非就是读和写。...页面中引入这个js文件之后会有一个全局变量XLSX ? , 这个全局变量有许多属性方法如图: ? 咱们只介绍最常用的三个,上图已经用红线画出来了,read,utils,writeFile三个方法。...那么这里就出现了一个问题,我们如何能拿到excle文件的二进制数据呢? 这里又牵扯出了一个问题,浏览器如何读取excel文件的二进制数据,这里需要用到HTML5规范的一个新特性FileReader。...以上便是浏览器借助js读取excel文件,代码量不多但稍微有点繁琐,涉及到了FileReader这个html5的新特性。
浏览器端用JS创建和下载文件 1 需求 前端需要把获取的数据生成文件让用户下载,按照以往生成 a 标签 href 指向目的文件,不仅需要有已经生成的文件服务器路径,而且很多浏览器支持类型的文件会默认加载而不提示用户选择路径下载...2 解决方案 2.1 下载取代加载:H5标签属性 HTML5 中 a 标签增加了 download 属性,点击链接时浏览器不会打开链接指向的文件,而是改为下载(目前只有chrome、firefox和opera...支持),下载时会直接使用链接的名字来作为文件名(可给 download 加上文件名进行修改,如: download=“file.js”) 2.2 生成文件:DataURI 用js将内容生成文件可以仿照图片...3 改进方案 进一步放宽条件 取消下载类型限制 取消点击过程,直接下载 解决文件类型的问题,可用浏览器新API(URL.createObjectURL)来解决,URL.createObjectURL...通常用来创建图片 DataURI 显示图片,这里用来下载文件,参数是 File对象(通过input[type=file]选择的文件)或 Blob 对象(二进制大对象),让浏览器自动设定文件类型 解决类型限制
浏览器端用JS创建和下载文件 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian...Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航 浏览器端用JS创建和下载文件 1 需求 2 解决方案 2.1 下载取代加载...,而且很多浏览器支持类型的文件会默认加载而不提示用户选择路径下载 2 解决方案 2.1 下载取代加载:H5标签属性 HTML5 中 a 标签增加了 download 属性,点击链接时浏览器不会打开链接指向的文件...,而是改为下载(目前只有chrome、firefox和opera支持),下载时会直接使用链接的名字来作为文件名(可给 download 加上文件名进行修改,如: download=“file.js”)...【By CS逍遥剑仙】 未经允许不得转载:禅林阆苑 » 浏览器端用JS创建和下载文件 【原创】
使用ES文件浏览器浏览pc共享文件夹 作者:matrix 被围观: 1,856 次 发布时间:2013-03-22 分类:兼容并蓄 | 无评论 » 这是一个创建于 3450 天前的主题,其中的信息可能已经有所发展或是发生改变...MIoneS使用ES文件浏览器可以浏览PC共享文件夹 与电脑在同一个局域网下实现访问电脑硬盘上的文件。例如电影什么的,贼快~ ES文件浏览器自己百度下载。...版本信息 来自:凯文-宋 如果使用Es浏览器出现“提示错误,无法找到服务器” 解决办法: 开始菜单运行“secpol.msc”安全设置-本地策略-安全选项- " 网络访问:本地帐户的共享和安全模型
博客文章页面增加访问停留时间代码,根据自己的博客系统,添加指定位置即可,其中类T-time需要根据自己css库自行设置
本示例讲述了关于js获取各种浏览器信息,例如微信浏览器,qq内置浏览器,电脑火狐浏览器,qq浏览器等等 判断手机相关浏览器 if (browser.versions.mobile) { //判断是否是移动设备打开...ua.match(/QQ/i) == "qq") { //在QQ空间打开 } if(browser.versions.android){ //是否在安卓浏览器打开... } } else { //否则就是PC浏览器打开 } 浏览器信息汇总 var browser = { versions: function () { var... u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 iPad: u.indexOf('iPad...') > -1, //是否iPad iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 trident: u.indexOf(
function () { var lang = navigator.language||navigator.userLanguage;//常规浏览器语言和IE浏览器 lang = lang.substr...> var type = navigator.appName; if (type == "Netscape"){ var lang = navigator.language;//获取浏览器配置语言...,支持非IE浏览器 }else{ var lang = navigator.userLanguage;//获取浏览器配置语言,支持IE5+ == navigator.systemLanguage... }; var lang = lang.substr(0, 2);//获取浏览器配置语言前两位 if (lang == "zh"){ alert(lang); /
在js任务循环机制中,为什么会有宏任务与微任务之分?...因此只要消息队列里有任务,JS执行主线程就会不断的执行消息队列里的任务。这便是js单线程执行js代码的简单原理,当然涉及的深的话,应该还要有IO线程,专门处理新加进来的任务,以及其它进程过来的任务。...鉴于这个属性,那js是如何处理高优先级的任务? js是如何处理高优先级的任务? 比如一个典型的场景,DOM节点的变化,增、删,改,如果页面上的一个输入框状态需要实时的映射到页面上。...但是这个模式有一个问题,就是如果当前的DOM变化非常的频繁,都去执行js任务的话,会导致当前在执行的js任务被延长,从而导致执行效率的下降;如果把这些任务添加到消息队列的尾部,则无法及时响应用户的操作。...这便是在js执行过程中为什么会有微任务与宏任务之分的原因。 文章转自 浏览器执行js原理 , https://www.xiaye0.com/articlejs?id=40
通常JavaScript脚本是通过嵌入在HTML页面中来实现自身的功能的,也可以写成单独的js文件。 JavaScript与Java名称上的近似,但是两种完全不同的语言。...JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。 3、举例说明 点我!...文件 js文件是指包含JavaScript代码,以“.js”为扩展名的文本文档,用于在网页中执行JavaScript指令;可以说JS文件是网页JavaScript客户端脚本文件。...三、Node.js node.js – Node是一个让JavaScript运行在服务端的开发平台。...四、静态文件 定义:不是由服务器生成的文件就是静态文件 包含:web项目中的图片、css、js、文本文件txt、脚本、等静态资源,不带jsp、asp、php页面的HTML页面 特点: 1 通常存放在
获取浏览器版本 function getBrowser() { var UserAgent = navigator.userAgent.toLowerCase...Chrome: UserAgent.indexOf('chrome') > -1 && UserAgent.indexOf('safari') > -1, // Chrome浏览器...Edge: UserAgent.indexOf('edge') > -1, // Edge浏览器 QQBrowser: /.../i.test(UserAgent) // 微信浏览器 }; // console.log(browserArray)...for (var mt in navigator.mimeTypes) { //检测是否是360浏览器
element.attachEvent) {//IE element.attachEvent("on" + type, func); } else {//DOM0,js...element.detachEvent) {//IE element.detachEvent("on" + type, func); } else {//DOM0,js
var ai = { ovb: { /** * 该对象用于判断系统,系统版本,浏览器,苹果设备等等功能。...}, weixin: function() { /** * 该方法用于判断是否为silk浏览器...}, erqalmedia: function() { /** * 该方法用于判断是否为silk浏览器
DOM Window 代表窗体 DOM History 历史记录 DOM Location 浏览器导航 重点:window、history、location ,最重要的是window对象 1.window...对象 Window 对象表示浏览器中打开的窗口,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window...onclick="history.back();" /> 3.Location 对象 代表浏览器导航...在js函数中发起href链接效果 location.href='跳转后url' ; 等价于
最近遇到这样一个问题,项目在谷歌上完全正常,但是到了ie浏览器,发现点击保存之后界面没有刷新,打开F12,接口调用成功,下发参数正确,查询返回的结果还是原来那个。...定位之后,发现查询走的是浏览器缓存… F12已接收那显示(来自缓存),时间0秒。...window[‘Token’], ‘Content-Type’: ‘application/json’ } 这样就可以清理掉IE浏览器的缓存啦
js禁止浏览器后退按钮 1.js //禁止浏览器后退按钮 function BanBack(ele) { //禁止浏览器后退按钮 if (window.history && window.history.pushState
1.js滚动条兼容性 window.pageYOffset : 谷歌浏览器 document.documentElement.scrollTop :ie 和其他浏览器 document.body.scrollTop...: 火狐浏览器 下面的代码封装在base.js里面日常使用 function scroll(){ if(window.pageYOffset !...} } // console.log(scroll().top); //console.log(scroll().left); 2.解决浏览器获取样式兼容...obj.currentStyle[attr]; }else{ return window.getComputedStyle(obj,null)[attr];//标准浏览器
最新浏览器识别合并。
从杜蕾斯的活动页面上拔下来的~ var isMobile = { Android: function() { return navigat...
script type="text/java script"> if(navigator.userAgent.indexOf("360SE")>0){ alert('系统检测出来你使用了360流氓浏览器
Chrome浏览文件方法: file:///加文件路径 效果图如下: file:///D:/Python/ ? 像记事本.txt等类型的文件直接可以进行查看。...其它类型的文件点击会变成下载。
领取专属 10元无门槛券
手把手带您无忧上云