javascript跳轉(zhuǎn)與返回和刷新頁(yè)面的實(shí)例代碼
javascript中window.open()與window.location.href的區(qū)別
- window.open(‘index.html') 表示新增一個(gè)窗口打開(kāi) index.html 這個(gè)頁(yè)面,并不刷新
- location.href(‘index.html') 表示在當(dāng)前窗口重定向到新頁(yè)面,打開(kāi)并刷新 index.html 這個(gè)頁(yè)面
- window.location 是 window 對(duì)象的屬性,用來(lái)替換當(dāng)前頁(yè),也就是重新定位當(dāng)前頁(yè)
而window.open 是 window 對(duì)象的方法,是用來(lái)打開(kāi)一個(gè)新窗口的函數(shù)
// 打開(kāi)新頁(yè)面 // 注意:有些瀏覽器的安全設(shè)置會(huì)將window.open()屏蔽,例如避免彈出廣告窗 window.open('./index.html'); // 在原窗口打開(kāi)新頁(yè)面 window.location.href="./index.html";
window.open()詳解
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')
參數(shù)解釋: 三個(gè)參數(shù)
window.open 彈出新窗口的命令; ‘page.html' 彈出窗口的文件名; ‘newPage' 彈出窗口的名字(不是文件名),非必須,可用空''代替; height=100 窗口高度; width=400 窗口寬度; top=0 窗口距離屏幕上方的象素值; left=0 窗口距離屏幕左側(cè)的象素值; toolbar=no 是否顯示工具欄,yes為顯示; menubar=no 是否顯示菜單欄,yes為顯示; scrollbars=no 是否顯示滾動(dòng)欄,yes為顯示; resizable=no 是否允許改變窗口大小,yes為允許; location=no 是否顯示地址欄,yes為允許; status=no 是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開(kāi)),yes為允許;
常用的js返回與刷新頁(yè)面
在此用a標(biāo)簽舉例
<a href="javascript: history.back(-1)" rel="external nofollow" >返回上一頁(yè)</a> <a href="javascript:history.go(-1)" rel="external nofollow" >返回上一頁(yè)</a> <a href="javascript:history.go(-2)" rel="external nofollow" >返回前兩頁(yè)</a> <a href="javascript:location.reload()" rel="external nofollow" >刷新當(dāng)前頁(yè)面</a> <a href="javascript:" rel="external nofollow" onclick="self.location=document.referrer;">返回上一頁(yè)并刷新</a>
js
// 刷新當(dāng)前頁(yè)面 window.location.Reload(); self.location.reload(); window.location.href = window.location.href;
總結(jié)
以上所述是小編給大家介紹的javascript跳轉(zhuǎn)與返回和刷新頁(yè)面的實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
- JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)并傳值
- JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)與刷新的方法匯總
- JS實(shí)現(xiàn)頁(yè)面內(nèi)跳轉(zhuǎn)的簡(jiǎn)單代碼
- JavaScript實(shí)現(xiàn)定時(shí)頁(yè)面跳轉(zhuǎn)功能示例
- JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)參數(shù)不丟失的方法
- 基于JavaScript實(shí)現(xiàn)跳轉(zhuǎn)提示頁(yè)面
- js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方法小結(jié)
- Javascript頁(yè)面跳轉(zhuǎn)常見(jiàn)實(shí)現(xiàn)方式匯總
- JavaScript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的八種方式
相關(guān)文章
JS實(shí)現(xiàn)簡(jiǎn)易留言板增刪功能
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)易留言板增刪功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02innerHTML動(dòng)態(tài)添加html代碼和腳本兼容多個(gè)瀏覽器
innerHTML動(dòng)態(tài)添加html代碼和腳本,給某個(gè)元素的innerHTML賦值,并使得值中的js代碼有效且兼容多個(gè)瀏覽器,很棒的一個(gè)方法2014-10-10基于Two.js實(shí)現(xiàn)星球環(huán)繞動(dòng)畫(huà)效果的示例
本篇文章主要介紹了基于Two.js實(shí)現(xiàn)=星球環(huán)繞動(dòng)畫(huà)效果的示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11JS返回上一頁(yè)實(shí)例代碼通過(guò)圖片和按鈕分別實(shí)現(xiàn)
返回上一頁(yè)的方法有很多,本代碼通過(guò)圖片和按鈕分別實(shí)現(xiàn),感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08手機(jī)端網(wǎng)頁(yè)點(diǎn)擊鏈接觸發(fā)自動(dòng)撥打或保存電話的示例代碼
通過(guò)網(wǎng)頁(yè)撥打電話,在點(diǎn)擊鏈接時(shí)觸發(fā)自動(dòng)撥打或保存電話,此方法塞班、安卓與iphone都支持2014-08-08JS實(shí)現(xiàn)可調(diào)整倒計(jì)時(shí)間代碼分享
這篇文章主要介紹了JS實(shí)現(xiàn)可調(diào)整倒計(jì)時(shí)間代碼,效果很酷炫,也很具有實(shí)用價(jià)值,感興趣的小伙伴們可以參考一下2015-08-08