masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > javascript在线编码查询工具_javascript技巧

javascript在线编码查询工具_javascript技巧

WBOY

Lepaskan： 2016-05-16 18:17:32

asal

1435 orang telah melayarinya

<script type="text/javascript">// <![CDATA[ 
var begin = parseInt('4e00',16); 
var end = parseInt('9fa5',16); 
//alert(end.toString(16)); 
//alert(begin-end); 
function getObj(id) { 
return document.getElementById(id); 
} 
function showCharList(begin, end) { 
getObj('txtBegin').value = begin; 
getObj('txtEnd').value = end; 
btnQuery_onclick(); 
} 
function btnQuery_onclick() { 
var begin = parseInt(getObj('txtBegin').value); 
var end = parseInt(getObj('txtEnd').value); 
if (isNaN(begin) || isNaN(end) || end < begin) { 
alert('数字输入错误！请检查！'); 
return; 
} 
getObj('spanFontSize').style.display = 'none'; 
getObj('spanLoading').style.display = 'inline'; 
var str = ''; 
for (var i = begin; i <= end; i++) { 
str += String.fromCharCode(i); 
} 
getObj('txtCharContent').value = str; 
getObj('spanLoading').style.display = 'none'; 
getObj('spanFontSize').style.display = 'inline'; 
getObj('spanNum').innerHTML = str.length; 
} 
function showNum16() { 
var num = parseInt(document.getElementById('txt10a').value); 
document.getElementById('txt16a').value = num.toString(16); 
} 
function showNum10() { 
var num = parseInt(document.getElementById('txt16b').value, 16); 
document.getElementById('txt10b').value = num.toString(10); 
} 
function showChar() { 
var num = parseInt(document.getElementById('txtNum1').value); 
if (isNaN(num)) { 
document.getElementById('txtChar1').value = ''; 
} 
else { 
document.getElementById('txtChar1').value = String.fromCharCode(num); 
} 
} 
function showCharNum() { 
var str = document.getElementById('txtChar2').value; 
var txtNum2 = document.getElementById('txtNum2'); 
txtNum2.value = ''; 
for (var i = 0; i < str.length; i++) { 
txtNum2.value += str.charCodeAt(i) + ';'; 
} 
} 
function setTextFontSize(o, fontSize) { 
getObj('txtCharContent').style.fontSize = fontSize + 'px'; 
getObj('aFontSmall').style.color = 'gray'; 
getObj('aFontMiddle').style.color = 'gray'; 
getObj('aFontBig').style.color = 'gray'; 
o.style.color = 'blue'; 
} 
// ]]></script> 
<h4>进制转换</h4> 
<p> 
10进制<input id="txt10a" onkeyup="showNum16();" type="text"> > 16进制<input id="txt16a" type="text"><br> 
16进制<input id="txt16b" onkeyup="showNum10();" type="text"> > 10进制<input id="txt10b" type="text"></p> 
<h4>编码转换</h4> 
<p> 
数字<input id="txtNum1" onkeyup="showChar();" type="text" value="22221"> > 字符<input id="txtChar1" type="text" value="囍"><br> 
字符<input id="txtChar2" onkeyup="showCharNum();" type="text"> > 数字<input id="txtNum2" type="text"></p> 
<div style="margin: 5px 0px;"> 
HTML中可使用 
<strong style="color: blue;">囍</strong> 表示 
<strong style="color: blue;">囍</strong> 
</div> 
<h4>字符编码表</h4> 
<table style="border-collapse: collapse;" border="2" cellpadding="4"> 
<tbody> 
<tr> 
<th>名称</th> 
<th>范围</th> 
<th>数量</th> 
<th>查看</th> 
</tr> 
<tr> 
<td>汉字</td> 
<td>19968~40869</td> 
<td>20902</td> 
<td><a href="javascript:showCharList(19968,40869);">查看</a></td> 
</tr> 
<tr> 
<td>常用符号、数字、字符</td> 
<td>33~126</td> 
<td>94</td> 
<td><a href="javascript:showCharList(33,126);">查看</a></td> 
</tr> 
<tr> 
<td>数字</td> 
<td>48~57</td> 
<td>10</td> 
<td><a href="javascript:showCharList(48,57);">查看</a></td> 
</tr> 
<tr> 
<td>大写字母</td> 
<td>65~90</td> 
<td>26</td> 
<td><a href="javascript:showCharList(65,90);">查看</a></td> 
</tr> 
<tr> 
<td>小写字母</td> 
<td>97~122</td> 
<td>26</td> 
<td><a href="javascript:showCharList(97,122);">查看</a></td> 
</tr> 
<tr> 
<td colspan="4">更多参考资料：<a href="http://www.nengcha.com/code/unicode/class/" target="_blank">编码表</a>
</td> 
</tr> 
</tbody> 
</table> 
<div style="margin: 5px 0px;"> 
字符：<input id="txtBegin" type="text"> ~ <input id="txtEnd" type="text"> <input id="btnQuery" onclick="btnQuery_onclick();" type="button" value="查 询"> 
<span id="spanFontSize" style="display: none;"> 
<a id="aFontSmall" style="text-decoration: none; color: gray;" onclick="setTextFontSize(this, 14);return false;" href="#">小字</a> 
<a id="aFontMiddle" style="text-decoration: none; color: blue;" onclick="setTextFontSize(this, 30);return false;" href="#">中字</a> 
<a id="aFontBig" style="text-decoration: none; color: gray;" onclick="setTextFontSize(this, 60);return false;" href="#">大字</a> 
共<span id="spanNum">0</span>个 
</span> 
<span id="spanLoading" style="display: none; color: red;">加载中...</span> 
</div> 
<p> 
<textarea id="txtCharContent" style="width: 600px; height: 300px; font-size: 30px;">

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Label berkaitan：

编码查询

sumber：php.cn

Artikel sebelumnya：JavaScript 原型链学习总结_javascript技巧 Artikel seterusnya：JavaScript 原型学习总结_javascript技巧

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

Pertanyaan dan formula membentuk keseluruhan jadual, dengan lajur baharu, dengan lajur baharu ialah formula yang melibatkan nilai lajur bersyarat lain EDIT: Formula mestilah lajur "nilai" - lajur "nilai" dengan user_id te...

daripada 2024-04-06 21:23:40

0

2

530

Pemeriksa Sudoku tidak berfungsi? Bolehkah sesiapa membantu saya mengenal pasti ralat? Saya mencuba segala-galanya pada editor dalam talian tetapi masih mendapat ralat. Tetapi a...

daripada 2024-04-06 21:21:07

0

1

474

Kira jumlah medan dalam jadual lain menggunakan pertanyaan MySQL SQL Saya mempunyai skema seperti ini: Jadual pengguna dengan atribut "user_id" dan &...

daripada 2024-04-06 19:39:29

0

1

441

MySQL: "Pilih teks daripada... sebagai <variable here or subquery>" Saya mempunyai jadual berikut dengan data berikut: id text language 1 german text german 2...

daripada 2024-04-06 19:25:54

0

2

529

Bagaimana untuk mengumpulkan dan mengira dalam MySQL? Saya cuba menulis pertanyaan yang mengekstrak jumlah bilangan mesej yang tidak dipadam yan...

daripada 2024-04-06 18:30:17

0

1

353

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan