<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script lanuage='javascript'>
function check()
{
alert(text1.value);
}
function init()
{
text1.value="这是初始值";
}
function bye()
{
alert("你关闭网页了!")
}
//两个script间的代码是脚本语言check()通过按钮的点击事件调用,init()能过网页的加载事件调用
</script>
<body bgcolor="#FFFFFF" text="#000000" onload=init() onunload=bye()>
<input type="text" id="text1" name="thetext">
<input type="button" name="thebutton" value="确定" onclick="check()">
</body>
</html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script lanuage='javascript'>
function check()
{
alert(text1.value);
}
function init()
{
text1.value="这是初始值";
}
function bye()
{
alert("你关闭网页了!")
}
//两个script间的代码是脚本语言check()通过按钮的点击事件调用,init()能过网页的加载事件调用
</script>
<body bgcolor="#FFFFFF" text="#000000" onload=init() onunload=bye()>
<input type="text" id="text1" name="thetext">
<input type="button" name="thebutton" value="确定" onclick="check()">
</body>
</html>
<body>
<script>
document.write("You can input content here.<p><font color='#ff0000'>Red</font>");
</script>
</body>
也就是可以用js语言来产生html标志。事件的描述,给个例子:
<input type="text" name="test" onkeydown="JavaScript:{alert(0);}">
其中JavaScript:{}里的内容你可以添加。
也可以在<script></script>只见加代码,例如:
test.onfocus=Function("alert('this is a onfocus function.');");
1、style元素里的样式表定义class,然后在元素里用class属性引用。
分为:
(1)class样式:.Table { font-size:9pt;line-height:145%;color:#000000;font-family:宋体 }
(2)元素默认类型:P { font-size:9pt;color:#000000;font-family:宋体 }
(3)伪类:
a:{text-decoration:none}
a:link{color:#000000;text-decoration:none}
a:visited{color:#006699;text-decoration:none}
a:hover {color: red;text-decoration:none}2、link元素里引用外部css文件,其他如同style元素的class。
3、元素的style属性,单独定义元素。css作用级别(根据特权级别):
1、元素内联style属性。
2、class引用。
3、默认样式类型。
4、HTML与css同等功能的属性。Script的应用:
1、元素事件属性应用:<IMG …… onclick="window.open('1.htm','_blank')">
2、<script>元素内联脚本。
3、<script>元素以src引用外部vbs脚本文件。下面是几个示例:1、完全内联的HTML、css、Script<html>
<head>
<style>
P { font-size:9pt;color:#000000;font-family:宋体 }
</style>
</head>
<body>
<p id="idTextView"></p>
</body>
<script language="VBScript" type="text/VBScript">
Dim pubLoopCode
pubLoopCode=setTimeout("TimerLoop",1000)
Sub TimerLoop()
idTextView.innerText=CStr(Time)
pubLoopCode=setTimeout("TimerLoop",1000)
End Sub
</script>
</html>2、完全分离的HTML、css、Script<html>
<head>
<link rel="styleSheet" type="text/css" href="Test.css">
</head>
<body>
<p id="idTextView"></p>
</body>
<script language="VBScript" type="text/VBScript" src="Test.vbs">
</script>
</html>Test.css内容:
P { font-size:9pt;color:#000000;font-family:宋体 }Test.vbs内容:
Dim pubLoopCode
pubLoopCode=setTimeout("TimerLoop",1000)
Sub TimerLoop()
idTextView.innerText=CStr(Time)
pubLoopCode=setTimeout("TimerLoop",1000)
End Sub
2、HTML属性
3、DHTML对象
4、DHTML方法
5、css属性
6、集合
7、事件
8、行为(在IE5.0之后引入)比如:你想把一个网页所有的SPAN元素的className都变成“cssSPAN2”,那么可以用集合来做。Set tSpans=document.body.all.tags("SPAN")For Each tSpan in tSpans
tSpan.className="cssSPAN2"
Next要想知道更详细的,你可以买本DHTML参考手册或者弄张MSDN光盘来看。下面是几本推荐给你的书,在MSDN里有英文版(书是中文的。)《动态HTML参考和开发应用大全》
包含了所有HTML的HTML元素、HTML属性、DHTML对象、DHTML方法、css属性、集合
、事件、行为的参考。《Visual InterDev 6.0语言参考手册(上、中、下)》
包含所有HTML、css、VBScript、JavaScript的参考。另外,这套书的第三册是ADO最全的手册。