国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

JS 實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方法

這篇具有很好參考價(jià)值的文章主要介紹了JS 實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方法。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

我總結(jié)了這五種方法:

第一種:使用JS跳轉(zhuǎn)頁(yè)面

(1)跳轉(zhuǎn)帶參

<script language="javascript" type="text/javascript">
        window.location.href="jingxuan.do?backurl=" + window.location.href; 
 </script>

(2)跳轉(zhuǎn)無(wú)參

<script>window.location.;</script>

第二種:返回上一次預(yù)覽界面

<script language="javascript">
   alert("返回");
   window.history.back(-1);
 </script>

HTML頁(yè)面嵌套

<a href="javascript:history.go(-1)">返回上一步</a>
 <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

第三種:button按鈕添加事件跳轉(zhuǎn)

<input name="前端知音" type="button" value="前端知音" onClick="location.href='login.do'">

?第四種:在新窗口打開(kāi)

<a href="javascript:" onClick="window.open('login.do','','height=500,width=611,scrollbars=yes,status=yes')">新窗口</a>


第五種:通過(guò)meta設(shè)置跳轉(zhuǎn)頁(yè)面

<head>
     <!--只刷新不跳轉(zhuǎn) -->
     <meta http-equiv="refresh" content="5">
     <!--定時(shí)跳轉(zhuǎn) -->
     <meta http-equiv="refresh" content="5;url=index.html"> 
 </head>

這里還有一個(gè)頁(yè)面?zhèn)髦?span toymoban-style="hidden">文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-789064.html

第一個(gè)頁(yè)面
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>無(wú)標(biāo)題文檔</title>
 </head>
 <SCRIPT LANGUAGE="JavaScript">
     function test(){
         var s = document.getElementById("txt");
         location.href="test2.html?"+"txt="+encodeURI(s.value);
     }
 </SCRIPT>
 <body>
  
 <input type="text" id="txt">
 </br>
 <input type="button" value="TEST" onclick="test()"/>
  
 </body>
 </html>
第二個(gè)頁(yè)面
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>無(wú)標(biāo)題文檔</title>
 </head>
  
 <body>
   <script language="javascript" type="text/javascript">
   var loc = location.href;
   var n1 = loc.length;//地址的總長(zhǎng)度
   var n2 = loc.indexOf("=");//取得=號(hào)的位置
   var id = decodeURI(loc.substr(n2+1, n1-n2));//從=號(hào)后面的內(nèi)容
   alert(id);
   //document.write(id)
   </script>
 </body>
 </html>

到了這里,關(guān)于JS 實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 常見(jiàn)路由跳轉(zhuǎn)的幾種方式

    常見(jiàn)路由跳轉(zhuǎn)的幾種方式

    常見(jiàn)的路由跳轉(zhuǎn)有以下四種: 1. router-link to=\\\"跳轉(zhuǎn)路徑\\\"? 也可,如 2. this.$router.push() 跳轉(zhuǎn)到指定的url,并在history中添加記錄(即,點(diǎn)擊回退,會(huì)退回上一個(gè)頁(yè)面) 。 html中,如: 3. this.$router.replace() 跳轉(zhuǎn)到指定的url, 但不會(huì)在history記錄(即,點(diǎn)擊回退 退回到上上個(gè)頁(yè)) 4

    2024年02月10日
    瀏覽(28)
  • Vue路由跳轉(zhuǎn)的幾種方式

    跳轉(zhuǎn)到指定的URL,在history棧中添加一個(gè)記錄,點(diǎn)擊后退會(huì)返回上一個(gè)頁(yè)面。 用法同上,但是跳轉(zhuǎn)到指定的url,不會(huì)向history里面添加新的記錄,點(diǎn)擊返回,會(huì)跳轉(zhuǎn)到上上一個(gè)頁(yè)面,上一個(gè)記錄是不存在的。 瀏覽器在解析時(shí),將它解析成一個(gè)類似于a標(biāo)簽。 router-link:可以一個(gè)組

    2024年02月06日
    瀏覽(29)
  • JS實(shí)現(xiàn)深拷貝的幾種方法

    這是最簡(jiǎn)單的方法。 通過(guò)遞歸的方式深度遍歷對(duì)象,將每個(gè)屬性的值進(jìn)行復(fù)制。需要處理被復(fù)制對(duì)象為值類型的情況以及屬性值中包含對(duì)象的情況。需要注意的是,為了防止循環(huán)引用導(dǎo)致死循環(huán),需要記錄已經(jīng)遍歷過(guò)的對(duì)象。 Lodash Lodash 是一個(gè)一致性、模塊化、高性能的 J

    2024年02月11日
    瀏覽(24)
  • vue中路由跳轉(zhuǎn)的幾種方式

    2、第二種也是比較常見(jiàn)的,使用標(biāo)簽跳轉(zhuǎn): 3、第三種是使用replace跳轉(zhuǎn): 4、第四種是使用go方式跳轉(zhuǎn):

    2024年02月11日
    瀏覽(31)
  • 利用vue-router跳轉(zhuǎn)的幾種方式

    ?1 router-link 2 this.$router.push ? ? 跳轉(zhuǎn)到指定路徑,并將跳轉(zhuǎn)頁(yè)面壓入history棧中,也就是添加了一個(gè)頁(yè)面記錄。 3 this.$router.replace ? ? 跳轉(zhuǎn)到指定路徑,將history棧中的當(dāng)前頁(yè)面替換為跳轉(zhuǎn)到的頁(yè)面。 4 this.$router.go(n) ? ? 在histroy棧中向前或者向后跳轉(zhuǎn)n個(gè)頁(yè)面,n可為正整數(shù)或負(fù)

    2024年02月12日
    瀏覽(26)
  • vue跳轉(zhuǎn)頁(yè)面的幾種常用方法

    目錄 vue跳轉(zhuǎn)不同頁(yè)面的方法 1.router-link跳轉(zhuǎn) 2.this.$router.push() 3.a標(biāo)簽可以跳轉(zhuǎn)外部鏈接,不能路由跳轉(zhuǎn) vue三種不同方式實(shí)現(xiàn)跳轉(zhuǎn)頁(yè)面 Vue:router-link this.$router.push(\\\"/\\\") this.$router.go(1) 代碼示例: !-- 直接跳轉(zhuǎn) -- router-link to=\\\'/testC\\\' ?button點(diǎn)擊跳轉(zhuǎn)2/button /router-link ? !-- 帶參數(shù)跳轉(zhuǎn)

    2024年02月11日
    瀏覽(22)
  • Taro + vue3 + js + nutUI 框架中自定義tabbar的組件封裝以及頁(yè)面跳轉(zhuǎn)的邏輯

    1.需求: ? 在H5 中需要封裝一個(gè)自定義的tabbar 菜單跳轉(zhuǎn) 通過(guò)nut-ui 進(jìn)行二次封裝 2. 注意點(diǎn) ? H5 中原生的tabbar 在ios 中會(huì)出現(xiàn)問(wèn)題 所以進(jìn)行 封裝tabbar 3. 代碼操作 首先全部的代碼? 4.解析 tabList: 菜單的內(nèi)容數(shù)組? 根據(jù)自己菜單的數(shù)量 來(lái)決定 const tabList = reactivemenu[]([ ? ? { ? ?

    2024年04月17日
    瀏覽(96)
  • 微信小程序和H5之間相互跳轉(zhuǎn)的幾種情況

    直接通過(guò)web-view內(nèi)嵌的方式,有且只有這一種方式。 H5內(nèi)嵌在小程序的web-view中,想要打開(kāi)小程序自身的頁(yè)面,可通過(guò) wx.miniProgram.navigateTo 方法,參考鏈接:web-view | 微信開(kāi)放文檔 (qq.com) H5在非小程序環(huán)境中,微信瀏覽器或者手機(jī)自帶瀏覽器打開(kāi)時(shí),想要跳轉(zhuǎn)到小程序,可通過(guò)

    2024年02月11日
    瀏覽(23)
  • js幾種打印方法的幾種方法

    1. 引入插件: 首先,在您的 HTML 文件中引入 printJs 庫(kù)??梢酝ㄟ^(guò)在 head 標(biāo)簽中添加以下代碼來(lái)引入庫(kù)文件: 這將從 CDN 加載 printJs 庫(kù)的 JavaScript 文件和 CSS 文件。 2. 創(chuàng)建打印按鈕: 在您的 HTML 文件中創(chuàng)建一個(gè)按鈕,用于觸發(fā)打印操作。例如: 3. 添加打印事件監(jiān)聽(tīng)器: 在您的

    2024年02月13日
    瀏覽(23)
  • JS數(shù)組求和的幾種方法

    JS數(shù)組求和的幾種方法

    這篇文章主要介紹了JS數(shù)組求和的幾種常用方法 方法一:通過(guò)原型對(duì)象擴(kuò)展內(nèi)置對(duì)象方法(即給Array增加方法) 方法二:普通for循環(huán)函數(shù)求和 方法三:使用遞歸 方法四:函數(shù)式編程reduce 拓展:注意reduce()方法的最后一個(gè)參數(shù)(下面是個(gè)特例),避坑!?。?方法五:forEach遍歷

    2024年02月01日
    瀏覽(51)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包