跳轉頁面

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

開發工具與關鍵技術:DW HTML,JavaScript和layui插件

作者:袁志彤

撰寫時間:2019-04-13

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

我們在很多時候都用的到頁面跳轉,頁面跳轉的方法也有很多,到目前爲止,我就只會這三個:

Iframe嵌套,window的跳轉,還有layui的彈出層,那現在我就給你們看一下吧!

 

首先是iframe嵌套,準備工作是先要在你要嵌套的頁面寫iframe標籤,給它一個ID,並設置樣式

我沒有給iframe任何樣式,只是給了一個ID,因爲頁面跳轉是要用到ID

被嵌套的頁面會嵌套在哪個框框中,框框的樣式是可以設置的。我這裏只是最原始的

沒錯,就是這麼簡單,這就是iframe嵌套

接下來到了window的跳轉了,它就是跳轉,從一個頁面跳轉到另一個頁面,而不再是嵌套了

我們不再需要iframe了,所以我把它註釋了

到了layui彈出層了,它是代碼最多的也是最好看的,它需要用到一個插件

另外一個是jQuery的插件,下面就是方法了

在button按鈕上調用一下就行了