網頁切換移轉 JS vs. ASP.NET.

Presentation on theme: "網頁切換移轉 JS vs. ASP.NET."— Presentation transcript:

1 網頁切換移轉 JS vs. ASP.NET

2 網頁切換移轉 by JavaScript 使用前端的瀏覽器來進行 Location.href Window.navigate()
Window.Open() 寫在HTML物件的onclick事件中，亦可以傳遞參數

3 網頁切換移轉 by JavaScript

4 網頁切換移轉 by JavaScript 設定ID與VALUE屬性

5 網頁切換移轉 by JavaScript

6 網頁切換移轉 by JavaScript onclick=‘location.href=“http://www.kimo.com.tw”’
onclick='window.navigate(" onclick='window.open("

7 網頁切換移轉 by ASP.NET 使用後端伺服器來進行 Response.Redirect() Server.Transfer()
可以使用任何形式網址 Server.Transfer() 只能限於同目錄或是子目錄下的aspx檔案 寫在伺服器控制項的click事件中，亦可以傳遞參數

8 網頁切換移轉 by ASP.NET 設定Text屬性

9 網頁切換移轉 by ASP.NET Response.Redirect("

10 網頁切換移轉 by ASP.NET Server.Transfer("

11 網頁切換移轉 by JavaScript+ASP.NET
<Script language=JavaScript> alert('資料新增成功！'); </Script> funcWin_Open1 = "<" + "Script language=\"JavaScript\">"; funcWin_Open1 += "alert('資料新增成功！');"; funcWin_Open1 += "</" + "Script>"; Response.Write(funcWin_Open1);

12 網頁切換移轉 by JavaScript+ASP.NET
<Script language=JavaScript> window.open(' </Script> funcWin_Open1 = "<" + "Script language=\"JavaScript\">"; funcWin_Open1 += "window.open('" + "../calendar.aspx?objName="+Text+ "','上課時數資料','scrollbars=yes,resizable=yes,width=" ",height=" "');"; funcWin_Open1 += "</" + "Script>"; Response.Write(funcWin_Open1);