html静态网页代码跳转问题 求代码 255
如图在静态页面中用户输入12345点击查询如何跳转到特定页面求带吗哪位大神帮我解决一下谢谢...
如图在静态页面中 用户输入12345 点击查询 如何跳转到特定页面 求带吗
哪位大神帮我 解决一下 谢谢 展开
哪位大神帮我 解决一下 谢谢 展开
展开全部
<input type="text" name="" id="txt">
<input type="button" value="查询" name="" id="btn">
<script>
var str = document.getElementById('txt');
var btn = document.getElementById('btn');
btn.onclick = function(){
var strVal = str.value;
if (strVal != "") {
window.location.href = "http://www.某某.com/" + strVal + ".html";
};
}
</script>
需要JavaScript来实现，不过，请注意一点，正常开发当中通常不会这么操作的，因为当你无法获取到相应页面的时候，会找不到相应页面。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这类效果需要js代码实现。
具体方法现成写一个吧，CSS完善后直接使用即可。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input id="int" value="" />
<a id="link" href="#">查询</a>
</body>
<script>
var int = document.getElementById('int');
var link = document.getElementById('link');
int.oninput = function(){
link.href = 'http://www.xxxx.com/' + int.value + '.html';
}
</script>
</html>
不过需要注意的是，如果涉及后台程序，需要对输入内容做一下过滤保证安全。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
