麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

js點擊button按鈕跳轉到另一個新頁面

2019-11-20 14:03:29
字體:
來源:轉載
供稿:網友

點擊按鈕怎么跳轉到另外一個頁面呢?我們在網站制作中可能是需要的,因為有時我們需要做這樣的效果,尤其是將按鈕做成一個圖片,而點擊圖片要跳轉到新的頁面時,怎么做到呢?

這樣的效果可以:onclick="window.location='新頁面'" 來實現。

1.在原來的窗體中直接跳轉用

代碼如下

window.location.href="你所要跳轉的頁面";

2、在新窗體中打開頁面用:

代碼如下

window.open('你所要跳轉的頁面');

window.history.back(-1);返回上一頁

代碼如下

<input type="submit" name="Submit" value="同意" onclick=window.open(//www.companysz.com/)>

如果要在點擊按鈕提交時驗證輸入款是否填入了內容,要怎么做呢?當用戶名輸入或者其它的為空的時候,點擊按鈕不提交,可以按下列的方法做。

代碼如下

復制代碼 代碼如下:

<input type="submit" name="submit" onclick="open()">

<script language=javascript>
fuction open(){

if(!document.form_name.username.value) {

alert("請輸入用戶名!"); document.form_name.username.focus(); return false;

}else document.form_name.action="aaa.htm";

}
</script>


這樣的話,當空值時,點擊按鈕還是不會跳轉到另外的頁面呢?這樣就達到了效果了。

JS跳轉頁面參考代碼

代碼如下

第一種:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第二種:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第三種:
<script language="javascript">
window.navigate("top.jsp");
</script>
第四種:
<script language="JavaScript">
self.location='top.htm';
</script>
第五種:
<script language="javascript">
alert("非法訪問!");
top.location='xx.jsp';
</script>

=====javascript中彈出選擇框跳轉到其他頁面=====

復制代碼 代碼如下:

<script language="javascript">
<!--
function logout()...{
if (confirm("你確定要注銷身份嗎?是-選擇確定,否-選擇取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>

=====javascript中彈出提示框跳轉到其他頁面=====
復制代碼 代碼如下:

<script language="javascript">
<!--
function logout()...{
alert("你確定要注銷身份嗎?");
window.location.href="logout.asp?act=logout"
}
-->
</script>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 九九热在线精品视频 | 姑娘第四集免费看视频 | 久久亚洲春色中文字幕久久 | 午夜精品久久久久久久96蜜桃 | 精品国产一区二区三区四区阿崩 | 欧美wwwwww| 香蕉在线播放 | 欧美 日韩 国产 成人 | 日本一区二区视频在线观看 | 国产1区在线观看 | 亚洲骚综合 | 久久99精品久久久久久秒播放器 | 亚洲成人国产综合 | av免费在线播放网址 | 欧美a v在线 | 欧美18videos性处按摩 | 免费欧美精品 | 日本a∨精品中文字幕在线 被啪羞羞视频在线观看 | 国产乱色精品成人免费视频 | chinesehdxxxx无套 久久另类视频 | 精品欧美一区二区精品久久 | 精品亚洲va在线va天堂资源站 | 91精品久久久久久久久 | 一级在线观看视频 | 亚洲婷婷日日综合婷婷噜噜噜 | 欧美区在线 | 99综合视频 | 久久超碰99 | 欧美一a一片一级一片 | v11av在线视频成人 | 99re66热这里只有精品8 | 欧美特黄一级高清免费的香蕉 | 午夜天堂在线视频 | 视频一区二区精品 | 精品在线免费播放 | 亚洲成人精品国产 | 粉色视频污 | 成人18在线 | 中文字幕在线观看视频一区 | 国产1区在线观看 | 99爱福利视频在线观看 |