欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js點(diǎn)擊button按鈕跳轉(zhuǎn)到另一個新頁面

 更新時間：2014年10月10日 17:46:18   投稿：whsnow  
點(diǎn)擊按鈕怎么跳轉(zhuǎn)到另外一個頁面呢？點(diǎn)擊圖片要跳轉(zhuǎn)到新的頁面時，怎么做到呢？可以使用onclick=window.location=新頁面來實(shí)現(xiàn)

點(diǎn)擊按鈕怎么跳轉(zhuǎn)到另外一個頁面呢？我們在網(wǎng)站制作中可能是需要的，因?yàn)橛袝r我們需要做這樣的效果，尤其是將按鈕做成一個圖片，而點(diǎn)擊圖片要跳轉(zhuǎn)到新的頁面時，怎么做到呢？

這樣的效果可以：onclick="window.location='新頁面'" 來實(shí)現(xiàn)。

1.在原來的窗體中直接跳轉(zhuǎn)用

代碼如下

window.location.href="你所要跳轉(zhuǎn)的頁面";

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

代碼如下

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

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

代碼如下

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

如果要在點(diǎn)擊按鈕提交時驗(yàn)證輸入款是否填入了內(nèi)容，要怎么做呢？當(dāng)用戶名輸入或者其它的為空的時候，點(diǎn)擊按鈕不提交，可以按下列的方法做。

代碼如下

復(fù)制代碼 代碼如下:

<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>


這樣的話，當(dāng)空值時，點(diǎn)擊按鈕還是不會跳轉(zhuǎn)到另外的頁面呢？這樣就達(dá)到了效果了。

JS跳轉(zhuǎn)頁面參考代碼

代碼如下

第一種：
<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>

＝＝＝＝＝j(luò)avascript中彈出選擇框跳轉(zhuǎn)到其他頁面＝＝＝＝＝

復(fù)制代碼 代碼如下:

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

＝＝＝＝＝j(luò)avascript中彈出提示框跳轉(zhuǎn)到其他頁面＝＝＝＝＝
復(fù)制代碼 代碼如下:

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

相關(guān)文章

  • JavaScript實(shí)現(xiàn)獲取最近7天的日期的方法詳解

    JavaScript實(shí)現(xiàn)獲取最近7天的日期的方法詳解

    這篇文章主要想和大家分享一些JavaScript開發(fā)中會用到的小技巧，本文主要介紹了js獲取最近7天的日期，判斷當(dāng)前日期時間大于指定日期時間等內(nèi)容，需要的可以參考一下
    2023-04-04
  • 詳解JavaScript中Hash Map映射結(jié)構(gòu)的實(shí)現(xiàn)

    詳解JavaScript中Hash Map映射結(jié)構(gòu)的實(shí)現(xiàn)

    Hash Map通常在JavaScript中作為一個簡單的來存儲鍵值對的地方,不過哈希對象Object并不是一個真正的哈希映射,沒Java中的Hash Map來的那么強(qiáng)大,well,接下來帶大家詳解JavaScript中Hash Map映射結(jié)構(gòu)的實(shí)現(xiàn)
    2016-05-05
  • 詳解多頁應(yīng)用 Webpack4 配置優(yōu)化與踩坑記錄

    詳解多頁應(yīng)用 Webpack4 配置優(yōu)化與踩坑記錄

    這篇文章主要介紹了詳解多頁應(yīng)用 Webpack4 配置優(yōu)化與踩坑記錄，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-10-10

    • 最新評論