JavaScript怎样读取本地Excel文件_js读取excel文件-程序员宅基地

技术标签: 浏览器  Javascript  本地文件  脚本控制  javascript  

        在浏览器中,使用JavaScript读取本地文件内容,支持Excel表格(.xls、.xlsx)和文本文件(.txt)两种格式。
        首先创建一个Excel表格,其中第一行为字段名。


        在浏览器的项目管理器中,创建自定义变量步骤,并依次添加姓名、手机、性别和产品变量,分别来自excel表中的对应字段。


再添加一个脚本代码步骤,输入JavaScript脚本代码。

 

 

var name="{姓名}";
var phone="{手机}";
var sex="{性别}";
var product="{产品}";
var title=name+","+phone+","+sex+","+product;
document.title=title;
title;

代码中的大括号表示浏览器变量,运行时会自动替换其值,也就是从Excel读取到的内容。
只需再添加一个循环步骤,JavaScript代码第一次执行时读取第一行数据,第二次执行时就读取第二行数据。

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/microyou/article/details/125821978

智能推荐

minio报错汇总_minio minio_skip_client-程序员宅基地

文章浏览阅读478次。先尝试添加了跳过的环境变量。_minio minio_skip_client

图片选择上传 Uni-app公共组建,九宫格形式_uni-app 上传九宫格图片-程序员宅基地

文章浏览阅读1.7k次。可选择添加图片,可删除,可预览,可拖动调整顺序,支持上传到服务器后台,也可以选择不上传下载地址:http://ext.dcloud.net.cn/plugin?id=326本项目是基于uni-app的一个通用组件。可支持小程序,也支持APP。组件名称为“图片选择组件”,可添加,可删除,可预览,可拖动调整顺序,可上传到后台服务器(服务器端需要自己写)..._uni-app 上传九宫格图片

基于springboot+vue的奶茶店在线管理系统_spring boot+vue线上奶茶订单-程序员宅基地

文章浏览阅读840次,点赞15次,收藏17次。管理员可以通过选择商品管理,管理相关的商品信息记录,比如进行查看商品信息标题,修改商品信息来源等操作,商品管理界面设计如图5-2所示。_spring boot+vue线上奶茶订单

c++变长数组实现学生成绩最大最小平均值统计_可变长模板求平均值-程序员宅基地

文章浏览阅读550次。友元函数标准输入输出重载,变长数组主要是尝新体验了一把vector,各种碰壁,尤其越界问题。时间长没写代码好多细节问题。假期多练习吧。具体细节都在注释里整体思路就是设计学生类包含姓名和成绩。输入和输出用重载。计算部分用普通函数。储存用vector,用指针传递。代码简单,注意细节即可。#include<iostream>#include <string>#include<vector>using namespace std;class Student_可变长模板求平均值

@DateTimeFormat和@JsonFormat使用详解及注意事项_java 实体类 @jsonformat-程序员宅基地

文章浏览阅读434次。DateTimeFormat适用于get请求方式且参数传递方式为路径请求参数的方式和forn表单的方式。而@JsonFormat适用于post方式的参数传递。@DateTimeFormat的pattern不会实际影响转化后的Date的实际格式。而@JsonFormat会。@DateTimeFormat要求传递的参数格式必须和接收指定的格式一致。_java 实体类 @jsonformat

Android多线程:IntentService用法&源码分析_开启子线程的服务:intentservice-程序员宅基地

文章浏览阅读200次。前言多线程的应用在Android开发中是非常常见的,常用方法主要有:继承Thread类实现Runnable接口AsyncTaskHandlerHandlerThreadIntentService今天,我将全面解析多线程其中一种常见用法:IntentService目录1. 定义IntentService是Android里_开启子线程的服务:intentservice

随便推点

OpenStack学习 (1)- 虚拟化_虚拟化是云计算的基础。简单的说,虚拟化使得在一台物理的服务器上可以跑多台虚拟-程序员宅基地

文章浏览阅读386次。虚拟化虚拟化是云计算的基础。简单的说,虚拟化使得在一台物理的服务器上可以跑多台虚拟机,虚拟机共享物理机的 CPU、内存、IO 硬件资源。HypervisorHost 是如何将自己的硬件资源虚拟化,并提供给 Guest 使用的呢? 这个主要是通过一个叫做 Hypervisor 的程序实现的。 根据 Hypervisor 的实现方式和所处的位置,虚拟化又分为两种: 对于..._虚拟化是云计算的基础。简单的说,虚拟化使得在一台物理的服务器上可以跑多台虚拟

阿里巴巴“异地多活”技术_阿里多活演练-程序员宅基地

文章浏览阅读2k次。细细品味,能学到很多。技术不适合不求甚解_阿里多活演练

VSCODE 安装Copilot 插件实现AI辅助编程_coplit-程序员宅基地

文章浏览阅读4.2w次,点赞17次,收藏78次。GitHub Copilot是一款基于AI的、应用于写程序场景的插件工具,这里是安装流程。_coplit

[Leetcode][第322题][JAVA][零钱兑换][回溯][记忆化搜索][动态规划]_使用递归和回溯方法求和零钱兑换java实现-程序员宅基地

文章浏览阅读573次。【问题描述】[中等]【解答思路】1. 递归(超时)class Solution { int res = Integer.MAX_VALUE; public int coinChange(int[] coins, int amount) { if(coins.length == 0){ return -1; } findWay(coins,amount,0); // 如果没有任何一种硬币组合能_使用递归和回溯方法求和零钱兑换java实现

log4net的C#封装类_c# 如何把log4 封装到一个静态类中-程序员宅基地

文章浏览阅读5.7k次。log4net是net界知名的日志管理系统,开源的。它的用法适合各种环境异常、错误、日志等的记录和管理,但是同样它诸多的方法函数让初学者望而生畏。这里的C#封装类实现了log4net的二次封装,对于日常的日志管理足够便利了。封装说明:   1.使用静态方法调用即可写入日志。   2.在日志信息写入之前,定义委托处理日志信息,便于记录日志信息之前,显示给用户。   3.添加代码配置L_c# 如何把log4 封装到一个静态类中

bootstrap gutter 详解_bootstrap gutters-程序员宅基地

文章浏览阅读3k次。1.首先 gutter 是针对的是padding 他是grid 的封装当我们一拿到这样的代码的时候,在row里面,我们一定会存在一些的疑问,那就是这是啥。px-lg-2 这是什么 mx-lg-2这是什么。1.p对应的是padding2.m对应的是marginx和y 分辨对应是左右 上下 不同dom的设置对应它自己,lg 就是视图的大小目前对于5.0中的g*开头的,4.5中是没有的详细的教程请查看https://www.orchome.com/..._bootstrap gutters

推荐文章

热门文章

相关标签