[ExtJS5學習筆記]第二十五節利用window.open()函數實現ExtJS5的登陸頁面跳轉 · 利劍Extjs5

本文地址：[http://blog.csdn.net/sushengmiyan/article/details/40427543](http://blog.csdn.net/sushengmiyan/article/details/40427543) mvvm方式實現登陸的博客：[http://blog.csdn.net/sushengmiyan/article/details/38815923](http://blog.csdn.net/sushengmiyan/article/details/38815923) 本文作者：[sushengmiyan](http://blog.csdn.net/sushengmiyan) ------------------------------------------------------------------------------------------------------------------------------------ 之前寫過一篇文章，是[?Extjs5MVVM模式下系統登錄實例](http://blog.csdn.net/sushengmiyan/article/details/38815923)?這文章寫完之后，有人就提出了一個疑問，就是每次點擊都會彈出登陸這個登陸窗體，想實現登陸之后就不再有登陸窗體這個界面，正因為那個問題于是產生了今天這篇文章。方法一：官方網站---登陸體驗實例：[http://docs.sencha.com/extjs/5.0/tutorials/login_app.html](http://docs.sencha.com/extjs/5.0/tutorials/login_app.html)? 增加一個登陸的標志，根據登陸與否，顯示不同的界面方法二：使用window.open實現網頁跳轉。第一步：下載extjs5 ??[http://download.csdn.net/detail/sushengmiyan/7701943](http://download.csdn.net/detail/sushengmiyan/7701943) 第二步：創建index.html和app.js，內容如下： app.js ~~~ Ext.application({ name : 'EnterSellSaves', launch : function() { Ext.create('Ext.Panel', { renderTo : Ext.getBody(), width : 200, height : 150, bodyPadding : 5, title : 'Hello World', html : 'Hello <b>World</b>...' }); } }); ~~~ index.html ~~~ <!DOCTYPE html> <html> <head> <title>歡迎來到 Ext JS!</title> <link rel="stylesheet" type="text/css" href="ext5/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css"> <script type="text/javascript" src="ext5/build/ext-all.js"></script> <script type="text/javascript" src="ext5/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script> <script type ="text/javascript" src="app.js"></script> </head> <body></body> </html> ~~~ 在登陸界面，登陸按鈕增加一個函數 onclick="login()" 函數實現如下： ~~~ <script type="text/javascript"> function login(){ window.opener = null; window.open('','_self'); window.close(); window.open('index.html','11','location=0,resizable=no,fullscreen=true,titlebar=no,status=no,toolbar=no,menubar=no,left=0,top=0'); } </script> ~~~ 這樣就能打開到index,html 對于邏輯判斷，就可以更改為jsp啊ASP啊。這個方法，可以使用sencha cmd生成應用程序框架，也可以使用自己手動引入js文件。感覺還不錯。最終效果---登錄頁面 ![](https://box.kancloud.cn/2016-02-03_56b214ebb28e1.jpg) 登錄跳轉之后 ![](https://box.kancloud.cn/2016-02-03_56b214ebd85c9.jpg) 頁面跳轉之后，URL也完成了。