图幅号计算（JS、HTML）_js图幅号计算 1:250-CSDN博客

本文链接：https://blog.csdn.net/weixin_45647889/article/details/104702767

背景：图幅号计算一般有两种：excel表输入经纬度查询或者用.exe应用程序。但是excel打开时间稍微长，而且容易造成公式改变，.exe运行需要安装或者占内存较大。
需求：写一个HTML加快图幅号计算。与传统方法相比，优点在于打开速度快且不占内存，只要电脑有任意浏览器即可。部分代码如下所示（源代码下载：download.csdn.net/download/weixin_45647889/12232336）：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>作者：Jojo</title>
	<script src="js/jquery-1.12.4.js"></script>
	<script src="js/code.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200306195711211.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTY0Nzg4OQ==,size_16,color_FFFFFF,t_70)
	<div style="width: 100%;">
		<table class="table table-bordered" style="width: 50%;margin: 0 auto;">
				<caption style="text-align: center;font-size: 35px;">新旧图幅号运算器</caption>
				<tr style="text-align: center;">
				<td></td>
					<td>度</td>
					<td>分</td>
					<td>秒</td>
				</tr>
		 	<tr style="text-align: center;">
		 		<td>经度</td>
		 		<td><input type="text" id="b3" placeholder="请输入b3值" style="width: 100%; border: none;"></td>
		 		<td><input type="text" id="c3" placeholder="请输入c3值" style="width: 100%; border: none;"></td>
		 		<td><input type="text" id="d3" placeholder="请输入d3值" style="width: 100%; border: none;"></td>
		 	</tr>
		 	<tr style="text-align: center;">
		 		<td>纬度</td>
		 		<td><input type="text" id="b4" placeholder="请输入b4值" style="width: 100%; border: none;"></td>
		 		<td><input type="text" id="c4" placeholder="请输入c4值" style="width: 100%; border: none;"></td>
		 		<td><input type="text" id="d4" placeholder="请输入d4值" style="width: 100%; border: none;"></td>
		 	</tr>
		 	<tr>
		 		<td colspan="4"><button onclick="mul()" style="width: 300px; margin-left: 35%;">结果</button></td>
		 	</tr>
		</table>
		<br>
		<div style="width: 50%;margin: 0 auto;">
			<div style="width: 75%;margin: 0 auto;">
				<span>旧图幅号：</span><input type="text" value="" id="old" style="margin-right: 10%;">
				<span>新图幅号：</span><input type="text" value="" id="new">
			</div>
		</div>
	</div>
</body>
</html>