VBScript与HTML的交互是通过用户或浏览器操作页面时发生的事件来处理的.页面加载时,这是一个事件.当用户单击按钮时,该点击也是一个事件.其他事件示例包括按任意键,关闭窗口,调整大小窗口等.开发人员可以使用这些事件执行VBScript编码响应,这会导致按钮关闭窗口,消息显示给用户,数据要验证,几乎任何可以想象的其他类型的响应.
事件是文档对象模型(DOM)的一部分,每个HTML元素都有一组事件,可以触发VBScript代码.请仔细阅读这个小教程,以便更好地理解 HTML事件参考.在这里,我们将看到很少的例子来理解Event和VBScript之间的关系.
这是最常用的事件类型,当用户单击鼠标左键时发生这种情况.您可以针对此事件类型提供验证,警告等.
<html> <head> <script language = "vbscript" type = "text/vbscript"> Function sayHello() msgbox "Hello World" End Function </script> </head> <body> <input type = "button" onclick = "sayHello()" value = "Say Hello"/> </body> </html>
它会产生以下结果,当你点击Hello按钮时,会发生onclick事件,触发sayHello()函数.
另一个最重要的事件类型是 onsubmit .当您尝试提交表单时会发生此事件.因此,您可以针对此事件类型进行表单验证.通过单击"提交"按钮提交表单,将出现消息框.
单击"提交"按钮提交表单,将显示消息框.
<html> <head> </head> <body> <script language = "VBScript"> Function fnSubmit() Msgbox("Hello Tutorialspoint.Com") End Function </script> <form action = "/cgi-bin/test.cgi" method = "post" name = "form1" onSubmit = "fnSubmit()"> <input name = "txt1" type = "text"><br> <input name = "btnButton1" type = "submit" value="Submit"> </form> </body> </html>
这两种事件类型将帮助您创建带有图像甚至文本的精美效果好.将鼠标悬停在任何元素上时会发生 onmouseover 事件,当您从该元素中取出鼠标时会发生 onmouseout .
<html> <head> </head> <body> <script language = "VBScript"> Function AlertMsg Msgbox("ALERT !") End Function Function onmourse_over() Msgbox("Onmouse Over") End Function Sub txt2_OnMouseOut() Msgbox("Onmouse Out !!!") End Sub Sub btnButton_OnMouseOut() Msgbox("onmouse out on Button !") End Sub </script> <form action = "page.cgi" method = "post" name = "form1"> <input name = "txt1" type = "text" OnMouseOut = "AlertMsg()"><br> <input name = "txt2" type = "text" OnMouseOver = "onmourse_over()"> <br><input name = "btnButton" type = "button" value = "Submit"> </form> </body> </html>
将鼠标悬停在文本框上以及将焦点移出文本框和按钮时,会产生结果.
此处列出了标准HTML 4事件供您参考.这里,脚本表示要对该事件执行的VBScript函数.
事件 | 值 | 说明 |
---|---|---|
onchange | script | 脚本在元素更改时运行 |
onsubmit | script | 提交表单时脚本运行 |
onreset | script | 脚本在表单重置时运行 |
onblur | script | 当元素失去焦点时脚本运行 |
onfocus | script | 当元素获得焦点时脚本运行 |
onkeydown | script | 按下键时脚本运行 |
onkeypress | script | 按下并释放按键时脚本运行 |
onkeyup | script | 当密钥被释放时脚本运行 |
onclick | script | 鼠标点击时脚本运行 |
ondblclick | script | 鼠标双击时脚本运行 |
onmousedown | script | 按下鼠标按钮时脚本运行 |
onmousemove | script | 当鼠标指针移动时脚本运行 |
onmouseout | script | 当鼠标指针移出元素时脚本运行 |
onmouseover | script | 当鼠标指针在元素上移动时脚本运行 |
onmouseup | script | 释放鼠标按钮时脚本运行 |