頁(yè)面跳轉(zhuǎn)、嵌套

開(kāi)發(fā)工具與關(guān)鍵技術(shù)：Visual Studio、MVC 作者：幻奏 撰寫(xiě)時(shí)間：2019.05.16

在日常瀏覽網(wǎng)頁(yè)的時(shí)候，我們常常能看到很多不同樣式的網(wǎng)頁(yè)，其中我們用的最多的應(yīng)該就是跳轉(zhuǎn)了，點(diǎn)擊鏈接跳轉(zhuǎn)、點(diǎn)擊按鈕跳轉(zhuǎn)等等有很多跳轉(zhuǎn)的方式。
雖然跳轉(zhuǎn)的方式很多，可是一般都是用那幾個(gè)方法。用a標(biāo)簽跳轉(zhuǎn)，或者在瀏覽器打開(kāi)一個(gè)新的頁(yè)面，然后指定它的路徑。
a標(biāo)簽是這樣寫(xiě)的

<a href="http://www.baidu.com">點(diǎn)擊跳轉(zhuǎn)</a>

然后它的樣式是這樣的

跳轉(zhuǎn)之后是這個(gè)樣子

這樣就可以實(shí)現(xiàn)跳轉(zhuǎn)鏈接了，如果你嫌棄這個(gè)樣式不好看，你可以把a(bǔ)標(biāo)簽放到其他的地方去。
比如：把a(bǔ)標(biāo)簽放到按鈕里面又或者把它放到圖片里面去，這樣你就可以點(diǎn)擊按鈕跳轉(zhuǎn)，或者點(diǎn)擊圖片跳轉(zhuǎn)了，總之就是要把a(bǔ)標(biāo)簽放到你想要點(diǎn)擊跳轉(zhuǎn)的地方去就可以了。
還有一個(gè)方法就是直接打開(kāi)一個(gè)新的窗口，然后指定它的路徑，這樣也可以跳轉(zhuǎn)到你想要的地方去。
隨便在你要點(diǎn)擊跳轉(zhuǎn)的地方給一個(gè)id

接下來(lái)就簡(jiǎn)單了，我們直接給一個(gè)點(diǎn)擊事件給它，然后打開(kāi)一個(gè)新的窗口。
這個(gè)是打開(kāi)新頁(yè)面的方法：window.location.replace(“”);

這樣我們就可以點(diǎn)擊登錄，然后直接跳轉(zhuǎn)到主頁(yè)面去了。
接下來(lái)我們來(lái)說(shuō)一下嵌套，我們把樣式打好后，需要給一個(gè)div給我們要嵌套的地方，然后它的大小，最重要的還是那一句代碼。

這樣就可以嵌套在它本來(lái)就有的頁(yè)面那里了，它并不會(huì)跳轉(zhuǎn)到另一個(gè)頁(yè)面去。
效果圖：

跳轉(zhuǎn)和嵌套就是這樣了，怎么樣是不是很簡(jiǎn)單呢?乛?乛?

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的页面跳转、嵌套的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。