6. 运用函数标签库,编程完成以下工作。 初始,从网页输入一个字符串。 显示去掉前后空格结果,然后把该字符串大写显示,最后显示出字符串的第2-5个字符。
时间: 2023-12-10 16:41:47 浏览: 124
以下是使用HTML和JavaScript实现的代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>字符串处理</title>
</head>
<body>
<label for="inputString">请输入一个字符串:</label>
<input type="text" id="inputString">
<button onclick="processString()">处理字符串</button>
<p id="output"></p>
<script>
function processString() {
// 获取输入的字符串
var input = document.getElementById("inputString").value;
// 去掉前后空格并转换为大写
var processedString = input.trim().toUpperCase();
// 截取第2-5个字符
var subString = processedString.substring(1, 5);
// 在页面上显示处理结果
document.getElementById("output").innerHTML = "去掉前后空格并转换为大写:" + processedString + "<br>字符串的第2-5个字符为:" + subString;
}
</script>
</body>
</html>
```
用户在输入框中输入一个字符串,然后单击“处理字符串”按钮,页面会显示处理后的结果。首先,JavaScript代码将获取输入的字符串并使用`trim()`函数去掉前后空格,然后使用`toUpperCase()`函数将其转换为大写。接下来,使用`substring()`函数截取第2-5个字符。最后,将处理结果显示在页面上。
阅读全文