首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >315 vs 315。这些符号的html代码是什么?

315 vs 315。这些符号的html代码是什么?
EN

Stack Overflow用户
提问于 2017-06-28 20:06:29
回答 1查看 39关注 0票数 0

我不能用谷歌搜索像315这样看起来像数字3 15的符号的html代码。

有什么想法吗?谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-06-28 20:13:00

在javascript中,您可以使用charCodeAt来获取字符的代码:

代码语言:javascript
复制
var char = prompt("Paste the character here: ");

var decimal = char.charCodeAt(0),
    hexa = decimal.toString(16);
    
console.log("Decimal code:", decimal);
console.log("Hexadecimal code:", hexa);

要将其作为文本添加到元素中,请使用以下命令:

代码语言:javascript
复制
element.innerHTML = "&#" + decimalCode + ";";

代码语言:javascript
复制
var p = document.querySelector("p"),
    char = "3";
    
p.innerHTML = "The char is: " + char + "<br>" + 
"The next char is: &#" + (char.charCodeAt(0) + 1) + ";";
代码语言:javascript
复制
<p></p>

不久前,我编写了一个代码来获取特定字符的周围字符:

代码语言:javascript
复制
var container = document.querySelector("#container"),
    inp = document.querySelector("#theChar"),
    before = document.querySelector("#before"),
    after = document.querySelector("#after");
    
document.querySelector("button").onclick = function() {
  container.innerHTML = "";
  var code = inp.value.charCodeAt(0),
      bef = +before.value,
      aft = +after.value;
  for(var i = code - bef; i <= code + aft; i++) {
    var div = document.createElement("div");
    div.innerHTML = "&#" + i + ";";
    container.appendChild(div);
  }
}
代码语言:javascript
复制
#container div {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 3px;
  border: 1px solid black;
}

label {
  display: block;
}
代码语言:javascript
复制
<label>The character: <input id="theChar"></label>
<label>Characters before: <input type="number" id="before" value="10"/></label>
<label>Characters after: <input type="number" id="after" value="10"/></label>
<button>Show</button>
<div id="container"></div>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44801951

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档