2017.9.22 HTML学习总结--JavaScript脚本语言
接上:
1.JavaScript脚本语言
定义:javascript是一种简单的脚本语言,可以在浏览器中直接运行,
是一种在浏览器端实现网页与客户交互的技术javascript代码可
以直接运行在html网页中,它响应一系列的事件,当一个javascript
函数响应一系列的事件,当一个javascript函数响应动作时,浏览
器就执行对应的代码。
基本用法:
组成:
数据类型:主要类型有int、float、string、boolean、null
常量变量:(1)变量的声明:var 变量名=“值”
(2)数组的声明:1.var array1=new Array();
(3)运算符:算术运算符、逻辑运算符、关系运算符、字符串运算符、位操作运算符;
(4)控制语句:if else
函数的定义和使用:
<script> 标记对封装代码,且必须放在<head> <head>之间,其语法格式:
<head>
<script language=“javascript”>
function functionName(【parameter1,parameter2,。。。。】){
//处理有关的语句;
}
</script>
</head>
2.javascript的事件
在浏览器中网页与客户的交互都是通过事件引发的,当一个事件发生时,
例如:“用户单击某个按钮”浏览器认为在这个按钮上发生了一个click事件,
然后根据该按钮所定义的事件处理函数,执行相应的javascript脚本。
常用的事件、事件处理的函数列表
事件 事件处理函数名 何时触发
blur onBlue 元素或窗口本身失去焦点时触发
change onChange 当表单元素获取焦点,且内容值发生改变时触发
click onClick 单击鼠标左键时触发
keydown onKeydown 键盘键被按下时触发,如果一直按着某键,则会不断触发
select onSelect 选中文本时触发
submit onSubmit 单击提交按钮时,在<form>上触发
unload onUnload 页面完全卸载后,在window对象上触发
2.2 在HTML中引用(指定)事件处理函数
在HTML中指定事件处理程序,需要在html标记中添加相应的事件处理程序的属性,
并在其中指定作为属性值的代码或是函数名。
使用格式:
<标签 各有关属性及其属性值 on事件名称=“函数名称(参数)”>
例如:
引发一个单击事件,该事件的处理函数名是onClick(),其要完成的功能是通过函数test()实现,
而函数test()的功能是现实一个提示对话窗口(有window的alert方法完成)
<html> <head> <title>单击按钮事件实例</title> <script language="javascript"> function test(){ window.alert("事件引发一操作,并成功执行了这个操作!!!"); } </script> </head> <body> <form action=""> <input type="Buttom" value="警告对话框" onclick="test()"><br/> </form> </body> </html>
3.javascript的对象
javascript中设有内置对象,常用的内置对象有String\Data\和浏览器
的文档对象(window、navigator、screen、history、location、document)
3.1 window对象属性的常用方法
alert() 弹出一个警告对话框
comfirm() 显示一个“确认”对话框,单击“确认”按钮时返回true,否则返回false
prompt() 弹出一个提示对话框,并要求输入一个简单的字符串
setTimeout(timer) 在经过指定的时间后执行代码
clearTimeout() 取消对指定代码的延迟执行
setInterval() 周期执行指定的代码
clearInterVal() 停止周期性的执行代码
其中警告对话框window.alert()和window.confirm()是使用较多的