【JavaScript】淺析javaScript和HTML與unicode字元集的關係

来源:http://www.cnblogs.com/HDK2016/archive/2016/12/07/6139760.html
-Advertisement-
Play Games

javaScript和HTML支持的字元集 JavaScript是支持unicode的。 現代的瀏覽器在網頁中都支持ASCII字元集、ISO字元集、數學符號、希臘字母、其他符號。HTML5預設使用UTF-8。讀者可以點擊這兒查看ASCII、unicode和utf-8的關係。 javaScript和H ...


    目錄結構:
  1. javaScript和HTML支持的字元集
  2. javaScript和HTML如何表現unicode字元集
  3. 參考文章

javaScript和HTML支持的字元集

JavaScript是支持unicode的。

 

現代的瀏覽器在網頁中都支持ASCII字元集、ISO字元集、數學符號、希臘字母、其他符號。HTML5預設使用UTF-8。讀者可以點擊這兒查看ASCII、unicode和utf-8的關係

 

javaScript和HTML如何表現unicode字元集

HTML頁面使用的是網頁文檔對象,它是通過轉義字元串來表現unicode字元集,語法規則為:“第一部分是一個&符號,英文叫ampersand;第二部分是實體(Entity)名字或者是#加上實體(Entity)編號;第三部分是一個分號。”比如:字元“&”可以在HTML中表示為"&"、" &"或是"&"點擊這兒查看詳情。

 

javaScript使用的是瀏覽器系統對象,是十六進位的。它同HTML表現unicode字元集不一樣,他有自己的轉義字元,javaScript的轉義字元表:

Unicode 字元值轉義序列含義類別
\u0008 \b Backspace  
\u0009 \t Tab 空白
\u000A \n 換行符(換行) 行結束符
\u000B \v 垂直製表符 空白
\u000C \f 換頁 空白
\u000D \r 回車 行結束符
\u0020   空格 空白
\u0022 \" 雙引號 (")  
\u0027 \' 單引號 (')  
\u005C \\ 反斜杠 (\)  
\u00A0   不間斷空格 空白
\u2028   行分隔符 行結束符
\u2029   段落分隔符 行結束符
\uFEFF   位元組順序標記 空白

讀者可以打開電腦自帶的字元映射表,在裡面可以找到unicode代碼,比如:

在宋體欄目一行中的unicode轉到中輸入字元串“FE6A”,就會自動跳到百分號,並且在最下麵顯示“U+FE6A”。 

讀者可以在html中寫出如下測試代碼:

<!DOCTYPE html>
<html>
<head>
<title>test.html</title>

<meta name="content-type" content="text/html; charset=UTF-8">

</head>

<body>


<script>
document.write("\ufe6a&#65130;");
alert("\ufe6a");
</script>
<p>\ufe6a
<p>&#65130;


</body>

</html>

讀者可在瀏覽器上看到如下效果:

在document文檔中的“\ufe6a"和“&#65130;”都正常顯示出來了,這裡讀者需要註意,前者是javaScript認得到的,所以會被javaScript轉化,後者是HTML中的轉義字元,因此會原封不動的發給HTML文檔,由HTML來轉換。上面的代碼中有一個alert警告框,它都是支持unicode字元集的,如果在裡面寫上HTML的轉義字元串的話,由於alert的內容不是發送到HTML文檔對象中,因此轉義字元串將不會被轉化。

 

介紹了javaScript和html表現unicode的差別,如果需要某個符號的unicode代碼或是html的轉義字元串代碼挨著挨著在字元映射表中或是字元集中查找太麻煩了,這時候可以使用線上Unicode編碼轉換。在使用線上Unicode編碼轉換的時候,ASCII字元轉Unicode字元預設是HTML的轉義字元串形式,這也說明HTML的轉義字元串也是Unicode編碼的一部分,這時候讀者可以通過“中文轉Unicode”來實現十六進位。

 

參考文章

http://baike.baidu.com/link?url=kf0Em5vWVn7-WJMda7lfnqrsYR9B0b2ermZ3BMNr369WVAlCzi57oX3ZjxZPe3e-_BZBo4RnSgX7-M9aqmcD3yiJc2lGwTtpcubNJpORSMU8S2WxAbeGH1oaIlu-jT13 

http://www.codeweblog.com/javascript%E4%B8%AD%E7%9A%84alert-%E5%87%BD%E6%95%B0%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7%E8%AF%A6%E8%A7%A3/

http://www.runoob.com/charsets/ref-html-utf8.html 

本文為博主原創作品,如需轉載請註明出處

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 前言 日誌是非常重要的,最近有接觸到這個,所以系統的看一下Python這個模塊的用法。本文即為Logging模塊的用法簡介,主要參考文章為Python官方文檔,鏈接見參考列表。 另外,Python的 "HOWTOs文檔" 很詳細,連日誌該怎麼用都寫了,所以有英文閱讀能力的同學建議去閱讀一下。 Log ...
  • 1.安裝依賴包 2、安裝boost庫(對應版本高於或低於這個版本都有問題) 3、添加mysql用戶組 4、下載mysql源碼包並安裝 5.調整配置文件 6. 給安裝目錄設置許可權 7.初始化資料庫 註:初始化後會生成預設密碼,請記錄下來2016-02-17T03:16:36.869627Z 1 [No ...
  • 回到目錄 .Net MVC之所以發展的如些之好,一個很重要原因就是它公開了一組AOP的過濾器,即使用這些過濾器可以方便的攔截controller里的action,並註入我們自己的代碼邏輯,向全局的異常記錄,用戶授權,Url授權,操作行為記錄等,這一大批Lind的基本組件都是實現MVC和API的過濾實 ...
  • 代理模式(Proxy)為其他對象提供一種代理以控制對這個對象的訪問。使用場合,第一,遠程代理,也就是為一個對象在不同的地址空間提供局部代表。這樣可以隱藏一個對象存在於不同地址空間的事實;第二,虛擬代理,是根據需要創建開銷很大的對象。通過它來存在實例化需要很長時間的真實對象;第三,安全代理,用來控制真 ...
  • AccountController .java Java代碼 <!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@ ...
  • 單點登錄是我比較喜歡的一個技術解決方案,一方面他能夠提高產品使用的便利性,另一方面他分離了各個應用都需要的登錄服務,對性能以及工作量都有好處。自從上次研究過JWT如何應用於會話管理,加之以前的項目中也一直在使用CAS這個比較流行的單點登錄框架,所以就一直在琢磨如何能夠把JWT跟單點登錄結合起來一起使 ...
  • 單例模式, 顧名思義, 就是共用同一個實體對象. 對於共用, 首先想到的就是static靜態變數, 那麼怎麼使用static去實現單例呢. 一、單線程單例模式 由於這個模式的實現還是比較簡單的, 所以直接上代碼.(不推薦使用此方式) 私有化構造函數之後, 外部就不能通過new A()的方式來實例化A ...
  • 單一職責原則 單一職責原則(Single responsibility principle),就一個類而言,應該只有一個引起它變化的原因。 在實際編程中的體現,比如一個類只是某一個事物相關的集合,一個函數只做一件事情,不要在這個函數中編寫一些不想關的邏輯,這樣可以最大程度的提高程式的可維護性,可復用 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...