动态HTNL就是DHTML,在静态HTML加上(javascript)脚本就可以实现动态的效果,这无需要服务器的支持,只需浏览器的能运行javascript脚本就行了。这也是实现zblog无刷新显示留言内容的一种技术。
看下面的代码就知道了,把代码复制到记事本中,保存为.html就可以看到效果了。
<SCRIPT language="JavaScript" > //定义使用的脚本语言类型
function w()
{ // 利用Function编写一个w()函数。
var m=document.b1.T1.value //用var定义一个m变量,使用document对象,document对象稍后详解
document.write(m) //document中的write方法在浏览器上显示内容
}
</script> //脚本结束
<form name="b1"> //一个表单,name="b1"这很重要
<input type="text" name="T1" size="200"> //表单中的文本框
<input type="submit" onclick= "w()" value="提交" name="B1"></p> //表单中的一个提交按钮
</form>
Function是一个函数其内容包含在{}之间,var定义一个变量,这种定义方式并不想vbscript那样严格定义后可直接赋值。document包括了HTML的所有对象,表单,标题,按钮等等。m=document.b1.T1.value说明m变量要使用表单,文本框,按钮。b1.T1.value为各部分的名字。点击提交,即可使网页的内容发生改变。在文本框中输入<BODY bgColor=red>,点击提交即可改变网页的颜色。当然还可以改变其他的网页内容,改变内容时也不要刷新网页,zblog的留言方式就是这个原理了。提交的数据已经上传到数据库中去了,刷新一下网页留言内容就是从服务器中的数据库提取出来的。
document包括了HTML的所有对象。下面举个例子。document对象是如何获取标题title的。
<title>javascript</title> //HTML中标题的设置方式
<SCRIPT lange="tJavaScript" >
if (document.title!="") //使用if函数判断标题是否为空
alert("标题为" + document.title) //alert为弹出一个对话框显示内容
</script>
一段简单的代码即可获取网页中的标题,alert是将内容显示一个对话框,document.write可代替alert把内容显示早网页中了。可下载javascript手册看看。