vc课堂发票

news2024/9/28 15:28:46

在这个页面

在控制台中执行:

// 获取需要存储的元素值
var 销货单位名称 = document.querySelector("body > section > div.table_middle > table > tbody > tr:nth-child(5) >td:nth-child(2) > ul > li:nth-child(1) > span").innerHTML;
var 纳税人识别号 = document.querySelector("body > section > div.table_middle > table > tbody > tr:nth-child(5) > td:nth-child(2) > ul > li:nth-child(2) > span").innerHTML;
// 获取密码区的内容
var 密码区内容 = document.querySelector("body > section > div.table_middle > table > tbody > tr:nth-child(1) > td.blue").innerHTML;

// 使用'<br>'标签进行分割
var 密码区行数组 = 密码区内容.split('<br>');

// 将不同行的内容存储在不同的变量中
var 密码区第一行 = 密码区行数组[0];
var 密码区第二行 = 密码区行数组[1];
var 密码区第三行 = 密码区行数组[2];
var 密码区第四行 = 密码区行数组[3];


var 货物或应税劳务名称 = document.querySelector("body > section > div.table_middle > table > tbody >tr.high.blue > td:nth-child(1) > p:nth-child(1)").innerHTML;
var 不含税金额 = document.querySelector("body > section > div.table_middle > table > tbody >tr.high.blue > td:nth-child(6) > p:nth-child(1)").innerHTML;
var 税率 = document.querySelector("body > section > div.table_middle > table > tbody>tr.high.blue > td:nth-child(7) > p").innerHTML;
var 发票代码 = document.querySelector("body > section > div.table_top > div.left > strong").innerHTML;
var 发票号码 = document.querySelector("body > section > div.table_top > div.right > strong > span").innerHTML;
var 生产日期 = '2023-02-01';
var 税额 = document.querySelector("body > section > div.table_middle > table > tbody > tr.high.blue > td:nth-child(8) > p:nth-child(1)").innerHTML;

// 将这些值存储到LocalStorage中
localStorage.setItem('销货单位名称', 销货单位名称);
localStorage.setItem('纳税人识别号', 纳税人识别号);
// 将这些值存储到LocalStorage中
localStorage.setItem('密码区第一行', 密码区第一行);
localStorage.setItem('密码区第二行', 密码区第二行);
localStorage.setItem('密码区第三行', 密码区第三行);
localStorage.setItem('密码区第四行', 密码区第四行);
localStorage.setItem('货物或应税劳务名称', 货物或应税劳务名称);
localStorage.setItem('不含税金额', 不含税金额);
localStorage.setItem('税率', 税率);
localStorage.setItem('发票代码', 发票代码);
localStorage.setItem('发票号码', 发票号码);
localStorage.setItem('开票日期', 生产日期);
localStorage.setItem('税额', 税额);

然后在这个页面

执行

// 从LocalStorage中获取存储的元素值
var 发票代码 = localStorage.getItem('发票代码');
var 发票号码 = localStorage.getItem('发票号码');
var 开票日期 = localStorage.getItem('开票日期');
var 销货单位名称 = localStorage.getItem('销货单位名称');
var 纳税人识别号 = localStorage.getItem('纳税人识别号');
var 密码区第一行 = localStorage.getItem('密码区第一行');
var 密码区第二行 = localStorage.getItem('密码区第二行');
var 密码区第三行 = localStorage.getItem('密码区第三行');
var 密码区第四行 = localStorage.getItem('密码区第四行');
var 货物或应税劳务名称 = localStorage.getItem('货物或应税劳务名称');
var 不含税金额 = localStorage.getItem('不含税金额');
var 税额 = localStorage.getItem('税额');
var 价税合计 = localStorage.getItem('价税合计');
console.log(开票日期)
// 将获取的值填充到页面元素中
document.querySelector("#col01").value = 发票代码;
document.querySelector("#col02").value = 发票号码;
document.querySelector("#invoiceDate").value = 开票日期;
document.querySelector("#col03").value = 销货单位名称;
document.querySelector("#col06").value = 纳税人识别号;
document.querySelector("#col04").value = 密码区第一行;
document.querySelector("#col05").value = 密码区第二行;
document.querySelector("#col07").value = 密码区第三行;
document.querySelector("#col08").value = 密码区第四行;
document.querySelector("#col09").value = 货物或应税劳务名称;
document.querySelector("#col10").value = 不含税金额;
document.querySelector("#col12").value = 税额;
document.querySelector("#chinese_").value = 价税合计;

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1073605.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

监控搭建-Prometheus

监控搭建-Prometheus 1、背景2、目标3、选型4、Prometheus4.1、介绍4.2、架构4.3、构件4.4、运行机制4.5、环境介绍4.6、数据准备4.7、网络策略4.7.1、主机端口放行4.7.2、设备端口放行 4.8、部署4.9、验证4.10、配置 1、背景 随着项目信息化进程的推进&#xff0c;操作系统、…

基于Springboot实现房屋租赁租房平台系统项目【项目源码+论文说明】分享

基于Springboot实现房屋租赁租房平台系统演示 摘要 在网络高速发展的时代&#xff0c;众多的软件被开发出来&#xff0c;给用户带来了很大的选择余地&#xff0c;而且人们越来越追求更个性的需求。在这种时代背景下&#xff0c;房东只能以用户为导向&#xff0c;所以开发租房网…

Python图形界面框架PyQt5使用详解

概要 使用Python开发图形界面的软件其实并不多&#xff0c;相对于GUI界面&#xff0c;可能Web方式的应用更受人欢迎。但对于像我一样对其他编程语言比如C#或WPF并不熟悉的人来说&#xff0c;未必不是一个好的工具。 常见GUI框架 PyQt5&#xff1a;Qt是一个跨平台的 C图形用户界…

养生产品商城小程序的作用是什么

养生除了食用产品外&#xff0c;还有外用的辅助用品&#xff0c;比如按摩椅、足疗桶等&#xff0c;相应的市场中养生按摩足疗店也非常多&#xff0c;并且有较高的市场需求&#xff0c;除此之外&#xff0c;不少家庭也是购买相关产品在家养生。对厂家或经销商来说&#xff0c;市…

【智能家居项目】裸机版本——认识esp8266 | 网络子系统

&#x1f431;作者&#xff1a;一只大喵咪1201 &#x1f431;专栏&#xff1a;《智能家居项目》 &#x1f525;格言&#xff1a;你只管努力&#xff0c;剩下的交给时间&#xff01; 如上图整个智能家居程序总体框架图&#xff0c;还剩下网络子系统没有实现&#xff0c;以及最终…

使用GitLab CI/CD 定时运行Playwright自动化测试用例

创建项目并上传到GitLab npm init playwright@latest test-playwright # 一路enter cd test-playwright # 运行测试用例 npx playwright test常用指令 # Runs the end-to-end tests. npx playwright test# Starts the interactive UI mode. npx playwright

MySQL案例详解 三:MMM高可用架构及其故障切换

1. MMM高可用概述 1.1 简介 MMM&#xff08;Master-Master replication manager for MvSQL&#xff0c;MySQL主主复制管理器&#xff09;是一套支持双主故障切换和双主日常管理的脚本程序。 MMM提供了自动和手动两种方式移除一组服务器中复制延迟较高的服务器的虚拟ip&#xf…

vue3前端开发-pinia小菠萝使用详细说明

文章目录 1. 介绍1.1 Pinia介绍1.2 pinia的属性说明 2. 安装3. 初步使用4. store具体使用4.1 值修改4.2.1 直接修改4.2.2 通过$patch整体修改4.2.3 通过$patch函数式4.2.4 通过$state整体修改4.2.5 通过actions修改 4.2 解构store 5 actions使用6. getters使用6.1 通过this获取…

nacos初步学习

Nacos初步学习 Nacos 是一个开源的服务注册和配置中心&#xff0c;它允许您注册、注销和发现服务实例&#xff0c;并提供了配置管理的功能。下面是Nacos的最基础用法&#xff1a; 1. 服务注册和发现&#xff1a; 首先&#xff0c;您需要将您的应用程序或服务注册到Nacos中。…

基于FPGA的视频接口之千兆网口(四配置)

简介 相信网络上对于FPGA驱动网口的开发板、博客、论坛数不胜数,为何博主需要重新手敲一遍呢,而不是做一个文抄君呢!因为目前博主感觉网络上描述的多为应用层上的开发,非从底层开始说明,本博主的思虑还是按照老规矩,按照硬件、底层、应用等关系,使用三~四篇文章,来详细…

MacOS安装conda

下载conda 地址https://repo.anaconda.com/miniconda/ 选择合适的安装文件下载 运行安装 执行命令安装 bash Miniconda3-latest-MacOSX-arm64.sh 设置环境变量 echo export PATH"/Users/your_user_name/miniconda3/bin:$PATH" >> ~/.zshrc source ~/.zsh…

智慧安防AI视频智能分析云平台EasyCVR加密机授权小tips

视频云存储/安防监控EasyCVR视频汇聚平台基于云边端智能协同&#xff0c;支持海量视频的轻量化接入与汇聚、转码与处理、全网智能分发、视频集中存储等。音视频流媒体视频平台EasyCVR拓展性强&#xff0c;视频能力丰富&#xff0c;具体可实现视频监控直播、视频轮播、视频录像、…

口袋参谋:批量下载优质买家秀超实用工具!

​说到买家秀&#xff0c;我相信99.9999%的卖家都不陌生&#xff0c;好看的买家秀是可以帮助店铺吸引大批消费者&#xff0c;是可以提升商品销量的。 我们先来看看买家秀的好处有哪些&#xff1f; 买家秀可以更好地获得流量 买家秀可以通过在微淘上发布&#xff0c;或者淘宝头…

接口自动化测试详解,看完不会我退出测试界

一、自动化分类 &#xff08;1&#xff09;接口自动化 python/javarequestsunittest框架来实现 python/javaRF&#xff08;RobotFramework&#xff09;框架来实现——对于编程要求不高 &#xff08;2&#xff09;Web UI功能自动化 python/javaseleniumunittestddtPO框架来实…

nginx版本号隐藏(405 not allowed解决办法)

背景 项目安全测试发现405页面暴露了nginx版本&#xff0c;其相关版本号泄露时攻击者会利用相应软件版本的当前漏洞&#xff0c;进行有效的相应攻击。所以需要我们做好版本号的隐藏。 解决办法 1.nginx版本隐藏 只需要我们在nginx.conf文件的server中添加server_tokens off&…

k8s修改集群IP--不重置集群

正常在用集群想要更换ip master 节点ip192.168.10.138 改为192.168.10.148 node1节点ip192.168.10.139 改为192.168.10.149 node2节点ip192.168.10.140 改为192.168.10.150 master 节点 1)执行脚本1233.sh 1233.sh 内容如下&#xff1a; # master 节点 export oldip1192.168.…

Outlook屏蔽Jira AI提醒

前言&#xff1a;最近不知道为什么jira上的ai小助手抽风&#xff0c;一周发个几千封邮件…导致我现在都不想在邮箱里面跟找垃圾一样找消息了。实在忍无可忍&#xff0c;决定屏蔽AI小助手&#xff0c;方法很简单&#xff0c;follow me~~ 第一步&#xff1a;双击打开电脑版Outloo…

在uniapp中为自定义组件绑定点击事件点击后没有效果

使用uniapp时&#xff0c;封装了一个Card的组件&#xff0c;为这个Card组件加上点击事件 click"handleClick"事件时&#xff0c;事件没有触发。点开微信小程序生成后的源码&#xff0c;可以看到 click的事件变成bindClick了。正确的点击事件应该是bindtap&#xff0c…

【LeetCode75】第六十八题 只出现一次的数字

目录 题目&#xff1a; 示例&#xff1a; 分析&#xff1a; 代码&#xff1a; 题目&#xff1a; 示例&#xff1a; 分析&#xff1a; 题目给我们一个数组&#xff0c;让我们返回只出现一次的数字。 那我们直接拿一个map来记录一下就好啦&#xff0c;不过题目要求只使用常…

ASEMI整流桥GBU610参数,GBU610规格

编辑-Z GBU610参数描述&#xff1a; 型号&#xff1a;GBU610 最大直流反向电压VR&#xff1a;1000V 最大工作峰值反向电压VRWM&#xff1a;700V 最大平均正向电流IF&#xff1a;6A 非重复正向浪涌电流IFSM&#xff1a;175A 操作和储存温度范围TJ ,TSTG&#xff1a;-55 t…