累加頁面 AddNumber.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddNumber.aspx.cs" Inherits="AddNumber" %>
AddNumber.aspx.cs
代碼 複製代碼 代碼如下:public partial class AddNumber : System.Web.UI.Page
{
private static int count = 1;
protected void Page_Load(object sender, EventArgs e)
{
count++;
Response.Write("var pv=document.getElementById('pv'); pv.innerText=" + count + ";");
}
}
第二種方法：
靜態頁面 staticHtml.html 複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>統計動態網頁面訪問量的幾種方法</title>
</head>
<body>
這是利用圖片進行顯示
<img src="ImageAddNumber.aspx" alt="這是動態統計的數量" />
</body>
</html>
累加頁面 ImageAddNumber.aspx 複製代碼 代碼如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ImageAddNumber.aspx.cs" Inherits="ImageAddNumber" %>
ImageAddNumber.aspx.cs
代碼 複製代碼 代碼如下:public partial class ImageAddNumber : System.Web.UI.Page
{
private static int count = 1;
protected void Page_Load(object sender, EventArgs e)
{
count++;
string pv = count.ToString();
System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((pv.Length * 12.5)), 22);
Graphics g = Graphics.FromImage(image);
//圖片背景色
g.Clear(Color.White);
Font font = new System.Drawing.Font("Arial", 12, (System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Italic));
System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.White, Color.Red, (float)1.2f, true);
g.DrawString(pv,font, brush, 0, 0);
g.DrawRectangle(new Pen(Color.Gold), 0, 0, image.Width - 1, image.Height - 1);
System.IO.MemoryStream ms = new System.IO.MemoryStream();
image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
Response.ClearContent();
Response.ContentType = "image/Gif";
Response.BinaryWrite(ms.ToArray());
}
}
第三種方法：
靜態頁面 staticHtml.html 複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>統計動態網頁面訪問量的幾種方法</title>
</head>
<body>
這是利用Ajax實現
<div id="ajaxpv"></div>
<script language="javascript" type="text/javascript">
function addPv(){
//建立跨瀏覽器的XMLHttpRequest對象
var xmlhttp;
try{
xmlhttp= new ActiveXObject('Msxml2.XMLHTTP');
}catch(e){
try{
xmlhttp= new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
try{
xmlhttp= new XMLHttpRequest();
}catch(e){}
}
}
//建立請求
xmlhttp.open("get","AjaxPv.aspx?news=1");
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
//根據responseText判斷使用者名稱是否存在
var repv=xmlhttp.responseText;
var mypv=document.getElementById("ajaxpv");
mypv.innerHTML=repv;
/*alert(repv);*/
}else{
alert("網路失敗。");
}
}
} ;
xmlhttp.send(null);
window.setTimeout("addPv",1000);
}
window.onload=addPv;
</script>
</body>
</html>
累加頁面 AjaxPv.aspx 複製代碼 代碼如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxPv.aspx.cs" Inherits="AjaxPv" %>
AjaxPv.aspx.cs 複製代碼 代碼如下:public partial class AjaxPv : System.Web.UI.Page
{
private static int count=1;
protected void Page_Load(object sender, EventArgs e)
{
//累加到資料庫
//讀取資料庫中資料，目前
count = 5;
Response.Write(count);
}
}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
