✍ 📁 🙈 🙉 🙊 : 7月 2021

2021年7月23日星期五

btoa() / atob() / escape() / unescape()

btoa() / atob() / escape() / unescape()

btoa(str) : 將字串轉換為 Base64 編碼。
atob(str) : 將 Base64 編碼還原回字串。 
       但不支援中文字串。

btoa(str) : Convert string to Base64。
atob(str) : Base64 restore back to string。
       But does not support Chinese text strings。

00

escape()           : 將中文字串轉進行編碼後換為 Base64 編碼 
unescape()         : 將 Base64 編碼還原回轉回中文字串 
btoa(escape(str))  : 將字串轉換為 Base64 編碼
unescape(atob(str)): 將 Base64 編碼還原回字串

加入 escape() / unescape()  中英文都能支援 
Both Chinese and English are supported

00

Edit #html #Javascript #Base64 編碼 #decode #encode #btoa() #atob() #escape() #unescape() #字串 String

2021年7月18日星期日

長度單位換算

長度單位換算

長度單位換算

<div class="DivAA" >
<input type="number" id="公里" class="text3" onchange="F里(this.value)" 
onmouseover="this.select()" />
<input type="text" value="公里(km)" class="Linput" disabled>

<input type="number" id="米" class="text3" onchange="F里(this.value/1000)"
onmouseover="this.select()" />
<input type="text" value="米(m) " class="Linput" disabled>

<input type="number" id="厘米" class="text3" onchange="F里(this.value/100000)"
onmouseover="this.select()" />
<input type="text" value="厘米(cm)" class="Linput" disabled>

<input type="number" id="毫米" class="text3" onchange="F里(this.value/1000000)"
onmouseover="this.select()" />
<input type="text" value="毫米(mm)" class="Linput" disabled>        
</div>

<div class="DivBB" >
<input type="number" id="市丈" class="text3" onchange="F市(this.value)"
onmouseover="this.select()" />
<input type="text" value="市丈" class="Linput" disabled>

<input type="number" id="市尺" class="text3" onchange="F市(this.value/10)"
onmouseover="this.select()" />
<input type="text" value="市尺" class="Linput" disabled>

<input type="number" id="市寸" class="text3" onchange="F市(this.value/100)"
onmouseover="this.select()" />
<input type="text" value="市寸" class="Linput" disabled>

<input type="number" id="市分" class="text3" onchange="F市(this.value/1000)"
onmouseover="this.select()" />
<input type="text" value="市分" class="Linput" disabled> 
</div>

<div class="DivAA" >
<input type="number" id="英碼" class="text3" onchange="F英(this.value)"
onmouseover="this.select()" />
<input type="text" value="英碼" class="Linput" disabled>

<input type="number" id="英尺" class="text3" onchange="F英(this.value/3)"
onmouseover="this.select()" />
<input type="text" value="英尺" class="Linput" disabled>

<input type="number" id="英寸" class="text3" onchange="F英(this.value/3/12)"
 onmouseover="this.select()" />
<input type="text" value="英寸" class="Linput" disabled>

<input type="number" id="英分" class="text3" onchange="F英(this.value/3/12/8)"
 onmouseover="this.select()" />
<input type="text" value="英分" class="Linput" disabled> 
</div>

<script>
function F英(x){
英碼.value = x ;
市丈.value = 英碼.value * 0.27432 ;
公里.value = 英碼.value * 0.0009144 ;
ALLch() ;
//alert(x)
}

function F市(x){
市丈.value = x ;
公里.value = 市丈.value * 0.0033333 ;
英碼.value = 市丈.value * 3.6453777 ;
ALLch() ;
}

function F里(x){
公里.value = x ;
市丈.value = 公里.value * 300 ;
英碼.value = 公里.value * 1093.6132983 ;
ALLch() ;
}

function ALLch(){
英尺.value = 英碼.value * 3 ;
英寸.value = 英尺.value *12;
英分.value = 英寸.value *8 ;

市尺.value = 市丈.value*10 ;
市寸.value = 市丈.value*100 ;
市分.value = 市丈.value*1000 ;

米.value   = 公里.value*1000 ;
厘米.value = 公里.value*100000 ;
毫米.value = 公里.value*1000000 ;
}

</script>

<style>
.DivAA {background-color :snow ; }
.DivBB {background-color :bisque ; }
.Linput  {background-color :none ; border: none;width:100px;font-size: 18px }
</style>
<br><br>

<table  style=" text-align: center;float:left;font-size: 20px ;;font-weight : bold">
<tbody><tr>
  <td> 1 公里km  </td><td> = </td><td> 1000 米m   </td><td width="20px">|</td>
  <td> 1 米m     </td><td> = </td><td> 100 厘米cm </td><td width="20px">|</td>
  <td> 1 厘米cm    </td><td> = </td><td> 10 毫米mm  </td></tr><tr>

<td> 1 市丈  </td><td> = </td><td> 10 市尺  </td><td width="20px">|</td>
  <td> 1 市尺  </td><td> = </td><td> 10 市寸  </td><td width="20px">|</td>
  <td> 1 市寸  </td><td> = </td><td> 10 市分  </td></tr><tr>

<td> 1 英碼   </td><td> = </td><td> 3 英尺  </td><td width="20px">|</td>
  <td> 1 英尺  </td><td> = </td><td> 12 英寸  </td><td width="20px">|</td>
  <td> 1 英寸  </td><td> = </td><td> 8  英分  </td></tr><tr>

<td> 1 公里km   </td><td> = </td><td> 300 市丈  </td><td width="20px">|</td>
  <td> 1 公里km   </td><td> = </td><td> 1093.6132983 英碼   </td><td width="20px">|</td>
  <td> 1 市丈     </td><td> = </td><td> 3.6453777 英碼  </td></tr><tr>
  
  <td colspan="99" >1 英吋(inch) = 2.54 公分(cm) = 25.4公釐(mm)</td></tr><tr>
  <td colspan="99" >1 英呎(foot) = 12英吋 = 30.48公分(cm) = 304.8公釐(mm)</td></tr><tr>

</tbody>
</table>

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Tape_measure_colored.jpeg/300px-Tape_measure_colored.jpeg" >

00

Edit #html #script #Javascript #公里 km #米 m #厘米 cm #市丈 #市尺 #市寸 #英碼 #英尺 #英寸 #長度換算 #長度轉換 #長度單位 #長度對換 #尺 #寸 #碼

訂閱：文章 (Atom)