javascript 如何实现跳转

即按下button按钮实现界面的跳转。使用js什么函数... 即 按下 button 按钮 实现界面的跳转。
使用js 什么函数
展开
 我来答
百度网友fb6e7624d1
2011-01-15 · TA获得超过855个赞
知道小有建树答主
回答量:438
采纳率:0%
帮助的人:557万
展开全部
一般使用 onclick="window.location.href=跳转地址" 或者 onclick=window.open("跳转地址"); 后者可能被浏览器阻挡弹出网页,前者较好。

location.href的两种写法:
<button onclick="window.location.href='http://hi.baidu.com/%CE%C4%C0%ED%D2%BB%B0%D1%CA%D6'">Location方式1</button>
<input type=button value="Location方式2" onclick="window.location.href='http://hi.baidu.com/%CE%C4%C0%ED%D2%BB%B0%D1%CA%D6'">

open的两种写法:
<button onclick="window.open('http://hi.baidu.com/%CE%C4%C0%ED%D2%BB%B0%D1%CA%D6')">Open方式1</button>
<input type=button value="Open方式2" onclick="window.open('http://hi.baidu.com/%CE%C4%C0%ED%D2%BB%B0%D1%CA%D6')">
nlswlc
2011-01-15 · TA获得超过2068个赞
知道小有建树答主
回答量:779
采纳率:100%
帮助的人:639万
展开全部
我相信楼主应该知道浏览器会自动跳转,但还是给出代码,实现按tab键时光标逆向跳转(即跳到前一个元素),主要是思想嘛:

稍微解释一下程序:
1. 键盘tab键的键代码是9,可以用event.keyCode来获得按下一个键时的键代码,进而可以知道按下了哪个键。
2. 接着程序找出当前光标所在的文本框,然后将光标移到它的前一个文本框中。注意,如果当前文本框已经是form中的第一个了,那么再往前移动前面就没有文本框了,此时就会出现错误,所以下面的程序判断当文本框已经是第一个时将光标移到倒数第一个之中,这样就构成了循环移动,不会发生错误了。

3. 最后,要将键盘的原始事件取消,即按下tab键时不让浏览器自动跳转光标,否则我们移到前一个它又跳回来了,岂不是白费劲?

有什么问题欢迎找我讨论。

<script type="text/javascript">
function goNext()
{
if(event.keyCode != 9)
var ele = event.srcElement;
var theForm = ele.form;
if (theForm.id != "form1")
for (i=0; i<theForm.length; i++)
{
if (theForm.elements[i].id == ele.id)
{
if (i>0)
{
theForm.elements[i-1].focus();
}
else
{
theForm.elements[theForm.length-1].focus();
}
break;
}
}
event.returnValue=false;
}
</script>
<body onkeydown="goNext();">
<form id="form1">
<input id="text1" type="text" />
<br /><br />
<input id="text2" type="text" />
<br /><br />
<input id="text3" type="text" />
</form>
</body>

下面是按正常顺序移动光标的代码,和上面的大同小异:

<script type="text/javascript">
function goNext()
{
if(event.keyCode != 9)
var ele = event.srcElement;
var theForm = ele.form;
if (theForm.id != "form1")
for (i=0; i<theForm.length; i++)
{
if (theForm.elements[i].id == ele.id)
{
if (i<theForm.length-1)
{
theForm.elements[i+1].focus();
}
else
{
theForm.elements[0].focus();
}
break;
}
}
event.returnValue=false;
}
</script>
<body onkeydown="goNext();">
<form id="form1">
<input id="text1" type="text" />
<br /><br />
<input id="text2" type="text" />
<br /><br />
<input id="text3" type="text" />
</form>
</body>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友998a16a
2011-01-15 · TA获得超过202个赞
知道小有建树答主
回答量:279
采纳率:0%
帮助的人:329万
展开全部
楼上的都太复杂了吧?晕
<input type="button" value="跳到首页" onclick="javascript:location.href='index.asp'" />
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
hong460775826
2011-01-15 · 贡献了超过123个回答
知道答主
回答量:123
采纳率:0%
帮助的人:39.2万
展开全部
window.location.href="url";//当前窗口
window.open("url");//新窗口
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式