新聞中心
這篇文章主要介紹“javascript中怎么使用window.location對(duì)象實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)”,在日常操作中,相信很多人在javascript中怎么使用window.location對(duì)象實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)問(wèn)題上存在疑惑,小編查閱了各式資料,整理出簡(jiǎn)單好用的操作方法,希望對(duì)大家解答”javascript中怎么使用window.location對(duì)象實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)”的疑惑有所幫助!接下來(lái),請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧!
創(chuàng)新互聯(lián)專(zhuān)業(yè)為企業(yè)提供開(kāi)化網(wǎng)站建設(shè)、開(kāi)化做網(wǎng)站、開(kāi)化網(wǎng)站設(shè)計(jì)、開(kāi)化網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、開(kāi)化企業(yè)網(wǎng)站模板建站服務(wù),十多年開(kāi)化做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
window.location對(duì)象用于獲得當(dāng)前頁(yè)面的地址(URL),并把瀏覽器重定向到新的頁(yè)面。
window location對(duì)象在編寫(xiě)時(shí)可不使用Window這個(gè)前綴。一些例子:
location.hostname返回web主機(jī)的域名
location.pathname返回當(dāng)前頁(yè)面的路徑和文件名
location.port返回web主機(jī)的端口
location.protocol返回所使用的的web協(xié)議
window location href
示例
返回當(dāng)前頁(yè)面的URL:
以上代碼輸出為:
http://127.0.0.1:8848/7.11/new_file.html
window location pathname
location.pathname屬性返回URL的路徑名。
示例
返回當(dāng)前URL的路徑名:
以上代碼輸出為:
/7.11/new_file.html
window location Assign
location.assign()方法加載新的文檔。
示例
加載一個(gè)新的文檔:
使用javascript實(shí)現(xiàn)頁(yè)面定時(shí)跳轉(zhuǎn)---location對(duì)象
要求實(shí)現(xiàn)以下效果:
代碼實(shí)現(xiàn)思路:
編寫(xiě)定時(shí)跳轉(zhuǎn)的HTML頁(yè)面。
獲取指定的秒數(shù),并減1寫(xiě)入頁(yè)面。
當(dāng)秒數(shù)大于0時(shí),利用setTimeout()循環(huán)倒計(jì)時(shí)。
當(dāng)秒數(shù)小于等于0時(shí),利用location.href跳轉(zhuǎn)到指定的URL地址中。
實(shí)現(xiàn)代碼如下:
html代碼:
css代碼:
js代碼:
實(shí)現(xiàn)效果:
到此,關(guān)于“javascript中怎么使用window.location對(duì)象實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章!
網(wǎng)站題目:javascript中怎么使用window.location對(duì)象實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)
標(biāo)題路徑:http://fisionsoft.com.cn/article/gccdsd.html