使用js或者html编写代码,求大神

使用js或者html编写代码:预设一个链接的一部分,然后需要用输入框输入数据然后输出补全这个链接,设置一个按钮直接打开这个完整的链接... 使用js或者html编写代码:预设一个链接的一部分,然后需要用输入框输入数据然后输出补全这个链接,设置一个按钮直接打开这个完整的链接 展开
 我来答
匿名用户
2013-01-21
展开全部

<!doctype html>

<html>

    <head></head>

    <body>

        <input type="button" value="Hello" id="btn1" />

        <script>

        window.onload = function(){

            (function(){

                var

                btn1 = document.getElementById('btn1'), //获取按钮元素

                link = function(value){ //生成新页面链接地址

                    return document.location.href + '?' + value;

                },

                createLinkNode = function(link){ //创建一个超级链接节点

                    var 

                    id = 'simulateAClick_012Ase',

                    e  = document.getElementById(id);

                    if(!e){

                        e = document.createElement('A');

                        e.id = id;

                        e.style.display = 'none';

                        document.body.appendChild(e);

                    }

                    e.href = link;

                    return e;

                },

                simulateAClick = function(node){ //模拟点击事件

                    if (document.createEvent){

                        var 

                        event = document.createEvent('MouseEvents');

                        event.initEvent( 'click', true, false );

                        node.dispatchEvent(event);

                    }

                    else if (document.createEventObject){

                        node.fireEvent('onclick');

                    }

                };

                btn1.onclick = function(){ //设置按钮的点击事件

                    var 

                    _link  = link(this.value),

                    _noteA = createLinkNode(_link);

                    simulateAClick(_noteA);

                };

            })();

        };

        </script>

    </body>

</html>

梦幻泡影0000
2013-01-21 · TA获得超过194个赞
知道小有建树答主
回答量:245
采纳率:0%
帮助的人:103万
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>页面跳转</title>
<script>
function openUrl(){
var start=document.getElementById("start").innerHTML;//获取头
var end=document.getElementById("end").innerHTML;//获取尾
var url=document.getElementById("url").value;//获取补充的部分
document.location.href=start+url+end;//跳转页面
}
</script>
</head>

<body>
<span id="start">http://www.</span>
<input type="text" id="url" value="baidu" />
<span id="end">.com</span>
<input type="button" value="打开" onclick="openUrl()" />
</body>
</html>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
耐心又顺当丶仙人掌c
2013-01-21
知道答主
回答量:7
采纳率:0%
帮助的人:3.5万
展开全部
将按钮加一个onclick事件开打一个function。在function中用self.location="XX.html?"+输入框的.value.
追问
能不能说的详细点。。。完全是技术小白
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
hanpu1802
2013-01-21 · TA获得超过338个赞
知道小有建树答主
回答量:369
采纳率:0%
帮助的人:422万
展开全部
代码拿去调试下,看看是不是你要的,纯手工编写,你懂的
<input type="text" id="input1" /><input type="button" onclick="location.href='http://www.baidu.com/s?wd='+document.getElementById('input1').value" value="but" />

把百度改成你自己要的网址
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式