代码之家 › 专栏 › 技术社区 › Haradzieniec

这些符号的html代码是什么?

symbols special-characters ascii character javascript

Haradzieniec · 技术社区 · 7 年前

我无法用谷歌搜索html代码中的符号,如看起来像是数字

有什么想法吗?非常感谢。

1 回复 | 直到 7 年前

ibrahim mahrir 7 年前

在javascript中,您可以使用 charCodeAt 要获取字符的代码,请执行以下操作:

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);

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

element.innerHTML = "&#" + decimalCode + ";";

var p = document.querySelector("p"),
    char = "ï¼";
    
p.innerHTML = "The char is: " + char + "<br>" + 
"The next char is: &#" + (char.charCodeAt(0) + 1) + ";";

<p></p>

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

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);
  }
}

#container div {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 3px;
  border: 1px solid black;
}

label {
  display: block;
}

<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>