整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          ASP.NET Web Forms-HTML 頁面

          ASP.NET Web Forms-HTML 頁面

          單的 ASP.NET 頁面看上去就像普通的 HTML 頁面。


          Hello RUNOOB.COM

          在開始學習 ASP.NET 之前,我們先來構建一個簡單的 HTML 頁面,該頁面將在瀏覽器中顯示 "Hello RUNOOB.COM":

          Hello RUNOOB.COM!


          用 HTML 編寫的 Hello RUNOOB.COM

          下面的代碼將以 HTML 頁面的形式顯示實例:

          <html>

          <body bgcolor="yellow">

          <center>

          <h2>Hello RUNOOB.COM!</h2>

          </center>

          </body>

          </html>

          如果您想親自嘗試一下,請保存上面的代碼到一個名為 "firstpage.htm" 的文件中,并創建一個到該文件的鏈接:firstpage.htm。


          用 ASP.NET 編寫的 Hello RUNOOB.COM

          轉換 HTML 頁面為 ASP.NET 頁面最簡單的方法是,直接復制一個 HTML 文件,并把新文件的擴展名改成 .aspx

          下面的代碼將以 ASP.NET 頁面的形式顯示實例:

          <html>

          <body bgcolor="yellow">

          <center>

          <h2>Hello RUNOOB.COM!</h2>

          </center>

          </body>

          </html>

          如果您想親自嘗試一下,請保存上面的代碼到一個名為 "firstpage.aspx" 的文件中,并創建一個到該文件的鏈接:firstpage.aspx。


          它是如何工作的?

          從根本上講,ASP.NET 頁面與 HTML 是完全相同的。

          HTML 頁面的擴展名是 .htm。如果瀏覽器向服務器請求一個 HTML 頁面,服務器可以不進行任何修改,就直接發送頁面給瀏覽器。

          ASP.NET 頁面的擴展名是 .aspx。如果瀏覽器向服務器請求個 ASP.NET 頁面,服務器在將結果發回給瀏覽器之前,需要先處理頁面中的可執行代碼。

          上面的 ASP.NET 頁面不包含任何可執行的代碼,所以沒有執行任何東西。在下面的實例中,我們將添加一些可執行的代碼到頁面中,以便演示靜態 HTML 頁面和動態 ASP 頁面的不同之處。


          經典 ASP

          Active Server Pages (ASP) 已經流行很多年了。通過 ASP,可以在 HTML 頁面中放置可執行代碼。

          之前的 ASP 版本(在 ASP.NET 之前)通常被稱為經典 ASP。

          ASP.NET 不完全兼容經典 ASP,但是只需要經過少量的修改,大部分經典 ASP 頁面就可以作為 ASP.NET 頁面良好地運行。

          如果您想學習更多關于經典 ASP 的知識,請訪問我們的 ASP 教程。


          用經典 ASP 編寫的動態頁面

          為了演示 ASP 是如何顯示包含動態內容的頁面,我們將向上面的實例中添加一些可執行的代碼(紅色字體標識):

          <html>

          <body bgcolor="yellow">

          <center>

          <h2>Hello RUNOOB.COM!</h2>

          <p><%Response.Write(now())%></p>

          </center>

          </body>

          </html>

          <% --%> 標簽內的代碼是在服務器上執行的。

          Response.Write 是用來向 HTML 輸出流中寫東西的 ASP 代碼。

          Now() 是一個返回服務器當前日期和時間的函數。

          如果您想親自嘗試一下,請保存上面的代碼到一個名為 "dynpage.asp" 的文件中,并創建一個到該文件的鏈接:dynpage.asp。


          用 ASP .NET 編寫的動態頁面

          下面的代碼將以 ASP.NET 頁面的形式顯示實例:

          <html>

          <body bgcolor="yellow">

          <center>

          <h2>Hello RUNOOB.COM!</h2>

          <p><%Response.Write(now())%></p>

          </center>

          </body>

          </html>

          如果您想親自嘗試一下,請保存上面的代碼到一個名為 "dynpage.aspx" 的文件中,并創建一個到該文件的鏈接:dynpage.aspx。


          ASP.NET 對比經典 ASP

          上面的實例無法演示 ASP.NET 與經典 ASP 之間任何的不同之處。

          正如最后的兩個實例中,您看不出 ASP 頁面和 ASP.NET 頁面兩者之間的不同之處。

          在下一章中,您將看到服務器控件是如何讓 ASP.NET 比經典 ASP 更強大的。

          lement.scrollIntoView()

          直接上例子代碼給大家一點參考:

          <html>
            <style>
              span {
                display: block;
                height: 150%;
              } /*整點上下的空白 */
            </style>
            <body>
              <button id="from">點擊我</button>
              <span></span>
              <div id="to">滾動到這:頭條@plzbefat</div>
              <span></span>
            </body>
            <script>
              document.getElementById("from").addEventListener("click", ()=> {
                document.getElementById("to").scrollIntoView({
                  behavior: "smooth", //順滑的滾動
                });
              });
            </script>
          </html>
          

          整點例子沒毛病

          語法

          element.scrollIntoView(); // 等同于element.scrollIntoView(true) 滾動 元素在頂部
          element.scrollIntoView(false); // 滾動 元素在底部
          element.scrollIntoView(option); //參數

          參數

          alignToTop:

          如果為true,元素的頂端將和其所在滾動區的可視區域的頂端對齊。相應的 scrollIntoViewOptions: {block: "start", inline: "nearest"}

          HTML 頁面中顯示 XML 數據

          在下面的實例中,我們打開一個 XML 文件("cd_catalog.xml"),然后遍歷每個 CD 元素,并顯示HTML 表格中的 ARTIST 元素和 TITLE 元素的值:

          實例

          <html>

          <body>

          <script>

          if (window.XMLHttpRequest)

          {// code for IE7+, Firefox, Chrome, Opera, Safari

          xmlhttp=new XMLHttpRequest();

          }

          else

          {// code for IE6, IE5

          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

          }

          xmlhttp.open("GET","cd_catalog.xml",false);

          xmlhttp.send();

          xmlDoc=xmlhttp.responseXML;

          document.write("<table border='1'>");

          var x=xmlDoc.getElementsByTagName("CD");

          for (i=0;i<x.length;i++)

          {

          document.write("<tr><td>");

          document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);

          document.write("</td><td>");

          document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);

          document.write("</td></tr>");

          }

          document.write("</table>");

          </script>

          </body>

          </html>

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 亚洲免费视频一区二区三区| 精品理论片一区二区三区| 精品国产一区二区三区四区| 在线视频一区二区三区| 欧美激情国产精品视频一区二区| 精品国产一区二区麻豆| 国产伦一区二区三区免费| 在线观看国产区亚洲一区成人 | 色婷婷综合久久久久中文一区二区| 一区二区视频在线观看| 伦精品一区二区三区视频| 综合一区自拍亚洲综合图区| 亚洲AV无码一区二区三区国产 | 一区二区高清在线| 国产精品日本一区二区在线播放| 精品无码人妻一区二区三区品| 另类国产精品一区二区| 无码精品人妻一区| 久久一区二区三区免费播放| 一区二区三区在线观看| 波多野结衣的AV一区二区三区| 精品爆乳一区二区三区无码av| 内射少妇一区27P| 美女毛片一区二区三区四区| 婷婷国产成人精品一区二| 亚洲AV综合色一区二区三区 | 好湿好大硬得深一点动态图91精品福利一区二区| 亚洲片一区二区三区| 蜜臀AV一区二区| 中文字幕一区二区免费| 国产香蕉一区二区精品视频 | 色狠狠AV一区二区三区| 国产一区高清视频| 久久久国产精品亚洲一区| 精品乱人伦一区二区| 麻豆国产一区二区在线观看| 亚洲国产成人久久一区WWW| 亚洲av无码一区二区三区在线播放| 无码精品人妻一区二区三区免费| 88国产精品视频一区二区三区| 一区二区三区AV高清免费波多|