.net发布静态页面滚动条

最新推荐文章于 2025-08-09 21:46:46 发布

转载最新推荐文章于 2025-08-09 21:46:46 发布 · 448 阅读

文章标签：

#.net #string #html #xhtml #button #border

Asp.Net（C#）专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现网页动态加载与更新的功能，包括HTML模板的预渲染、动态宽度调整、页面滚动事件监听和远程数据加载等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

void Initial()
{
string 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>" +
"<div style=\"border:1px solid red;height:30px; width:800px; margin:auto; margin-top:50px; \">" +
"<img src=\"img/1.jpg\" id=\"imgscroll\" width=\"0px\" height=\"30px\" /></br></br> <div style=\"text-align:center;\" id=\"Msg\"></div>" +
"</div>" +
"</body>" +
"</html>" +

"<script type=\"text/javascript\">" +

   "function AddWidth(w,c,n,p) {" +
     "document.getElementById(\"imgscroll\").style.width =w;" +
     "document.getElementById(\"Msg\").innerHTML ='总共'+'<span style=\"text-align:center;color:red;\">'+c+'</span>'+'条'+'，正在发布第'+'<span style=\"text-align:center;color:red;\">'+n+'</span>'+'条'+'，已完成'+'<span style=\"text-align:center;color:red;\">'+p+'%'+'</span>'; }" +

"</script>";

            Response.Write(html);
            Response.Flush();
            AddWidth();
        }

        void AddWidth()
        {
            int count = 50;

Response.Write("<script type=\"text/javascript\">" +
"AddWidth(0," + count + ",0,0);" + "</script>");
Response.Flush();

            for (int i = 1; i <= count; i++)
            {
                Publish p = new Publish();

string str = p.RemoteSave("http://www.baidu.com", "D:/Publish/ss" + i + ".html");

string AddWidth = "<script type=\"text/javascript\">" +
"AddWidth(" + 800 * i / count + "," + count + "," + i + "," + ((100 * i / count).ToString()) + ");" +
"</script>";

Response.Write(AddWidth);
Response.Flush();

}

Response.End();
}

        protected void Button1_Click(object sender, EventArgs e)
        {
            Initial();
        }