JavaScript实现长度单位转换
javascript
python
shell
powershell
python模块
php编程
php实例
asp.net
正则表达式
nginx
apache
linux
linux命令
centos
ubuntu
mysql
sql数据库
css教程
首页
脚本编程
网站编程
数据库
系统管理
服务器管理
网页教程
软件教程
电脑教程
手机教程
工具软件
电子书籍
php实例
shell脚本
jquery选择器
python模拟登录
linux命令
nginx
apache
当前位置：
首页
>
脚本特效
>
计算转换
> 正文
JavaScript实现长度单位转换
发布时间：2020-04-21
编辑：
脚本学堂
JavaScript实现长度单位转换，可实厘米、公尺、毫米、千米等单位间的换算。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>长度单位转换<a href=http://www.jb200.com/js/ target=_blank class=infotextkey>javascript</a>程序</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <SCRIPT language=LiveScript> var computed = false var destination = "/" var decimal = 0 function convert (entryform, from, to) { convertfrom = from.selectedIndex convertto = to.selectedIndex entryform.display.value = (entryform.input.value * from[convertfrom].value / to[convertto].value ) } function addChar (input, character) { if((character=='.' && decimal=="0") || character!='.') { (input.value == "" || input.value == "0") ? input.value = character : input.value += character convert(input.form,input.form.measure1,input.form.measure2) computed = true if (character=='.') { decimal=1 } } } function openVothcom() { window.open("","Display window","toolbar=no,directories=no,menubar=no"); } function clear (form) { form.input.value = 0 form.display.value = 0 decimal=0 } function changeBackground(hexNumber) { document.bgColor=hexNumber } </SCRIPT> </head> <body> <center> <FORM method=post name=calculator> <TABLE border=3 cellPadding=2 cellspacing="0"> <TBODY> <TR> <TH ><b>Convert from:</b></TH> <TD> <INPUT name=input onchange="convert(this.form,form.measure1, form.measure2)" size=15> </TD> <TD> <SELECT name=measure1 onchange="convert(this.form,this, form.measure2)"> <OPTION selected value=0.01>cm <OPTION value=1>m <OPTION value=1000>km <OPTION value=0.3048>英尺 <OPTION value=0.9144>yds <OPTION value=1610>mi</OPTION> </SELECT> </TD> <TR> <TH ><b>Convert to:</b></TH> <TD> <INPUT name=display size=15> </TD> <TD> <SELECT name=measure2 onchange="convert(this.form,form.measure1, this)"> <OPTION value=0.01>cm <OPTION value=1>m <OPTION value=1000>km <OPTION selected value=0.3048>feet <OPTION value=0.9144>yds <OPTION value=1610>mi</OPTION> </SELECT> </TD> </TR> </TBODY> </TABLE> <TABLE border=3 cellPadding=2 cellspacing="0"> <TBODY> <TR> <TD> <INPUT onclick="addChar(this.form.input,'7')" type=button value=7> </TD> <TD> <INPUT onclick="addChar(this.form.input,'8')" type=button value=8> </TD> <TD> <INPUT onclick="addChar(this.form.input,'9')" type=button value=9> </TD> <TR> <TD> <INPUT onclick="addChar(this.form.input,'4')" type=button value=4> </TD> <TD> <INPUT onclick="addChar(this.form.input,'5')" type=button value=5> </TD> <TD> <INPUT onclick="addChar(this.form.input,'6')" type=button value=6> </TD> <TR> <TD> <INPUT onclick="addChar(this.form.input,'1')" type=button value=1> </TD> <TD> <INPUT onclick="addChar(this.form.input,'2')" type=button value=2> </TD> <TD> <INPUT onclick="addChar(this.form.input,'3')" type=button value=3> </TD> <TR> <TD> <INPUT onclick="addChar(this.form.input,'0')" type=button value=0> </TD> <TD> <INPUT onclick="addChar(this.form.input,'.')" type=button value=.> </TD> <TD> <INPUT onclick=clear(this.form) type=button value=C> </TR> </TBODY> </TABLE> </FORM> </center> </body> </html>
提示：可修改代码后再运行!
上一篇：
javascript生成带渐变颜色的进度条
下一篇：
超级实用的网页颜色编辑器
与 JavaScript实现长度单位转换 有关的文章
本文标题：
JavaScript实现长度单位转换
本页链接：
http://www.jb200.com/tx/160.html
浏览排行
1
javascript生成带渐变颜色的进度条
2
javaScript使用Math.random() 方法生成随机
3
用javascript编写的测试打字速度的代码
4
JS实现的字符串的加密与解密
5
超级实用的网页颜色编辑器
6
JavaScript实现长度单位转换
7
javascript数组排序的例子
栏目分类
菜单导航
网页布局
背景特效
广告代码
图片特效
CSS相关
日期时间
文本链接
表单及按钮
表格相关
计算转换
其它
栏目导航
脚本
服务器
数据库
python
linux
linux命令
shell脚本
javascript
javascript数组
jquery
jquery选择器
jquery事件
jquery菜单
python列表
python爬虫
python模拟登录
php编程
php教程
php面试题
php随机数
php数组
php分页
php正则
php排序
asp.net
批处理
正则表达式
mysql
mysql分页
mysql存储过程
mysql日志
mysql教程
sql数据库
nginx
apache
手机教程
热点文章
1
JS实现的字符串的加密与解密
2
javascript数组排序的例子
3
javascript生成带渐变颜色的进度条
4
JavaScript实现长度单位转换
5
超级实用的网页颜色编辑器
关于本站
|
网站地图
|
联系我们
|
免责声明
|
友情链接
鄂ICP备13010364号-22
CopyRight © 2010-2021
脚本学堂
Jb200.com , All Rights Reserved.
