写一个完整的html代码来判断一个字符串是否为全角字符,并举例子
时间: 2024-02-03 11:13:16 浏览: 59
JavaScript 实现判断是否为字符串
以下一个简单的 HTML 代码,可以通过 JavaScript 判断一个字符串是否为全角字符:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>判断全角字符</title>
</head>
<body>
<input type="text" id="inputStr" placeholder="请输入字符串">
<button onclick="checkFullWidth()">判断全角字符</button>
<p id="result"></p>
<script>
function checkFullWidth() {
var str = document.getElementById("inputStr").value;
var fullWidthReg = /[^\x00-\xff]/g; // 全角字符的正则表达式
if (fullWidthReg.test(str)) {
document.getElementById("result").innerHTML = "输入的字符串包含全角字符";
} else {
document.getElementById("result").innerHTML = "输入的字符串不包含全角字符";
}
}
</script>
</body>
</html>
```
这个 HTML 页面中包含一个输入框和一个按钮,当用户点击按钮时,会调用 `checkFullWidth()` 函数来判断输入的字符串是否包含全角字符。该函数首先获取输入框中的字符串,然后使用正则表达式 `/[^\x00-\xff]/g` 来匹配全角字符。如果匹配成功,则说明输入的字符串包含全角字符,否则说明不包含。最后,函数会将结果显示在页面上。
例如,如果用户在输入框中输入了「Hello,世界!」,则该函数会返回「输入的字符串包含全角字符」。因为「,」和「世」都是全角字符。
阅读全文