頁面跳轉、嵌套

開發工具與關鍵技術：Visual Studio、MVC 作者：幻奏 撰寫時間：2019.05.16

在日常瀏覽網頁的時候，我們常常能看到很多不同樣式的網頁，其中我們用的最多的應該就是跳轉了，點擊鏈接跳轉、點擊按鈕跳轉等等有很多跳轉的方式。
雖然跳轉的方式很多，可是一般都是用那幾個方法。用a標簽跳轉，或者在瀏覽器打開一個新的頁面，然后指定它的路徑。
a標簽是這樣寫的

<a href="http://www.baidu.com">點擊跳轉</a>

然后它的樣式是這樣的

跳轉之后是這個樣子

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

接下來就簡單了，我們直接給一個點擊事件給它，然后打開一個新的窗口。
這個是打開新頁面的方法：window.location.replace(“”);

這樣我們就可以點擊登錄，然后直接跳轉到主頁面去了。
接下來我們來說一下嵌套，我們把樣式打好后，需要給一個div給我們要嵌套的地方，然后它的大小，最重要的還是那一句代碼。

這樣就可以嵌套在它本來就有的頁面那里了，它并不會跳轉到另一個頁面去。
效果圖：

跳轉和嵌套就是這樣了，怎么樣是不是很簡單呢?乛?乛?

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。