<!DOCTYPE html>
<html lang="zhCN">
<head>
<meta charset="UTF8">
<title>数字跳转页面示例</title>
<script>
// 定义一个函数，根据输入的数字跳转到对应的页面
function redirectToPage(number) {
// 判断输入的数字是否为有效值
if (number >= 1 && number <= 5) {
// 构建跳转的URL，根据数字不同，跳转到不同的页面
var url = 'page' + number + '.html';
// 使用window.location.href进行页面跳转
window.location.href = url;
} else {
// 如果输入的数字不在有效范围内，给出提示
alert('请输入1到5之间的数字！');
}
}
</script>
</head>
<body>
<!创建一个输入框和一个按钮，用户输入数字后点击按钮进行跳转 >
<input type="number" id="numberInput" placeholder="请输入1到5的数字">
<button onclick="redirectToPage(document.getElementById('numberInput').value)">跳转到指定页面</button>
</body>
</html> 代码提供了一个简单的网页跳转功能，用户在输入框中输入一个数字（1到5之间），点击按钮后，页面会根据输入的数字跳转到对应的HTML页面，这里假设有page1.html到page5.html五个页面。
代码说明：
1、使用<script>标签在<head>部分定义了一个redirectToPage函数。
2、该函数接收一个参数number，代表用户输入的数字。
3、函数内部首先检查输入的数字是否在1到5之间，如果是，则根据数字构建相应的URL。
4、使用window.location.href属性进行页面跳转。
5、如果输入的数字不在1到5之间，则通过alert函数提示用户。
6、在<body>部分，有一个输入框用于接收用户输入的数字，一个按钮用于触发跳转功能，按钮的onclick事件调用redirectToPage函数，并传入用户输入的数字值。
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/1139932.html
本网站发布或转载的文章及图片均来自网络，其原创性以及文中表达的观点和判断不代表本网站。如有问题，请联系客服处理。
发表回复