4个回答
展开全部
一般使用 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')">
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')">
展开全部
我相信楼主应该知道浏览器会自动跳转,但还是给出代码,实现按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>
稍微解释一下程序:
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
楼上的都太复杂了吧?晕
<input type="button" value="跳到首页" onclick="javascript:location.href='index.asp'" />
<input type="button" value="跳到首页" onclick="javascript:location.href='index.asp'" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
window.location.href="url";//当前窗口
window.open("url");//新窗口
window.open("url");//新窗口
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询