1.css层叠样式表
通过在css文件中定义
div.window{
position: absolute;
overflow: auto;
background-color: #eeefff;
border: solid #0066aa 2px;
margin: 8px;
padding: 0px;
width: 420px;
height: 280px;
}
在页面中引用
<div class='window'></div>
//结合.net2.0中Theme的介绍使用(待查)
2.DOM
• 一个能够让程序和脚本动态访问和更新文档内容、结构和样式的语言平台
• DOM提供了标准的HTML和XML对象集,并有一个标准的接口来访问并操作他们
HTML DOM将HTML文档视为嵌套其他元素的树型结构元素。所有的元素,它们包含的文字以及他们的树型都可以被DOM树所访问到。它们的内容可以修改和删除,并且可以通过DOM建立新的元素。元素的文字和它们的属性被识别为点
//ajax就是通过js操作DOM树形结构,最终向页面输出操作后的树形结构,由于可以操作结构中某一部分,而实现异步
3.js调用DOM实例
• Window.onload事件
//在页面加载前运行
• getElementById方法
//获得HTML结构id号为getElementById()里的文本
• CreateElement方法
//创建一个元素
• CreateTextElement方法
//创建一个文本元素
• appendChild方法
//创建一个子节点
//ajax表示怎么把从服务器送来的数据送显,js作用怎么把服务器送来的数据加到DOM里,XmlDocument && XmlHttpRequest负责把数据从服务器取出来
4.实例
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" >
3 <head>
4 <title>无标题页</title>
5 <script type="text/javascript">
6 var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");
//使用ActiveXObject创建一个Microsoft.XMLhttp,本来是要先判断 一下是什么浏览器,这里直接默认ie
7
8 function sendAJAX()
9 {
10 XmlHttp.Open("POST","Receive.aspx",true);
//XmlHttp以POST方式打开一个地址Receive.aspx,是否异步为true
11 XmlHttp.send(null);//是否提交参数:没有
12 XmlHttp.onreadystatechange=ServerProcess;//监听异步数据返回
13 }
14
15 function ServerProcess()//监听函数
16 {
17 if (XmlHttp.readystate==4 || XmlHttp.readystate=='complete')
18 {
19 document.getElementById('nameList').innerHTML =XmlHttp.responsetext;
//取id为'nameList'插入HTML标记
20 }
21 }
22
23 setInterval('sendAJAX()',1000);//每隔1000毫秒调用一次sendAJAX()
24
25 </script>
26 </head>
27 <body>
28 <div id="nameList"></div>
29 </body>
30 </html>
2 <html xmlns="http://www.w3.org/1999/xhtml" >
3 <head>
4 <title>无标题页</title>
5 <script type="text/javascript">
6 var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");
//使用ActiveXObject创建一个Microsoft.XMLhttp,本来是要先判断 一下是什么浏览器,这里直接默认ie
7
8 function sendAJAX()
9 {
10 XmlHttp.Open("POST","Receive.aspx",true);
//XmlHttp以POST方式打开一个地址Receive.aspx,是否异步为true
11 XmlHttp.send(null);//是否提交参数:没有
12 XmlHttp.onreadystatechange=ServerProcess;//监听异步数据返回
13 }
14
15 function ServerProcess()//监听函数
16 {
17 if (XmlHttp.readystate==4 || XmlHttp.readystate=='complete')
18 {
19 document.getElementById('nameList').innerHTML =XmlHttp.responsetext;
//取id为'nameList'插入HTML标记
20 }
21 }
22
23 setInterval('sendAJAX()',1000);//每隔1000毫秒调用一次sendAJAX()
24
25 </script>
26 </head>
27 <body>
28 <div id="nameList"></div>
29 </body>
30 </html>
1 public partial class Receive : System.Web.UI.Page
2 {
3 protected void Page_Load(object sender, EventArgs e)
4 {
5 PerformanceCounter myMemory = new PerformanceCounter();
6 myMemory.CategoryName = "Memory";
7 myMemory.CounterName = "Available KBytes";
8
9 string txtResult = "-->当前可用内存:" +myMemory.NextValue().ToString() + "KB";
10 Response.Write(DateTime.Now.ToLongTimeString() + txtResult);
11
12 }
13 }
2 {
3 protected void Page_Load(object sender, EventArgs e)
4 {
5 PerformanceCounter myMemory = new PerformanceCounter();
6 myMemory.CategoryName = "Memory";
7 myMemory.CounterName = "Available KBytes";
8
9 string txtResult = "-->当前可用内存:" +myMemory.NextValue().ToString() + "KB";
10 Response.Write(DateTime.Now.ToLongTimeString() + txtResult);
11
12 }
13 }