用js实现点击提交按钮,将文本框中输入的内容提交到百度并进行搜索,最后显示搜索完成的页面

用js实现点击提交按钮,将文本框中输入的内容提交到百度并进行搜索,最后显示搜索完成的页面求大神,部分代码如下:<html><head><metacharset="{CHA... 用js实现点击提交按钮,将文本框中输入的内容提交到百度并进行搜索,最后显示搜索完成的页面求大神,部分代码如下:
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
</head>
<body>
<form>
<input type="text" id="text1"/>
<input type="submit" id="sm1"/>
</form>
</body>
</html>
展开
 我来答
程序员养大闸蟹
2017-11-05 · 自家的蟹塘,苏州阳澄湖蓝标大闸蟹养殖户
程序员养大闸蟹
采纳数:2362 获赞数:20622

向TA提问 私信TA
展开全部

代码:

<!DOCTYPE html>
<html lang="en">
<html>

<head>
<meta charset="UTF-8">烂闭
<title>测试</title>
    <style>
iframe{
display: block;
margin: 0 auto;
margin-top: 100px; 
}
</style>
</head>

<body>饥物裂 
<input type="text" id="text1" name="data" value="">
<input type="button" id="but" value="百度一下">
    <script>
var but = document.getElementById('but');
but.onclick = function(){
var text1 = document.getElementById('text1').value;
if (text1) {
var url = 'http://www.baidu.com/s?wd=' + text1;
var iframe = document.getElementsByTagName('iframe')[0];
iframe.setAttribute('src',url);
}else{
alert('请输入内容');
}
};
</script>
<iframe src="https://www.baidu.com/" width="80%" height="300" frameborder="1"蚂念 scrolling="yes"></iframe>
</body>
</html>

css样式没搞,有兴趣加上自己玩!

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式