1.函数调用
函数中的代码将在其他代码调用该函数时执行:
当事件发生时(当用户点击按钮时)
当 JavaScript 代码调用时
自动的(自调用)
2 .document.getElementById(elementID)
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。
如果没有指定 ID 的元素返回null
如果存在多个指定ID的元素则返回undefined。
3.弹出
1.alert():显示带有一条指定消息和一个 OK(确认) 按钮的警告框。
写在script标签中
括号中的内容为字符串或者整型
点击确认即可关闭,无返回值
2.confirm():用于显示一个带有指定消息和 OK 及取消按钮的对话框。一般作为判断条件
写在script标签中
括号中的内容为字符串和整型
点击确认返回true,点击取消返回false
3.prompt(?,?):用于显示可提示用户进行输入的对话框。
例如:var info = prompt("请输入您的姓名:");
写在script标签中
第一个问是显示的文本,第二个问是输入框中的默认值(可不写)
点击确认返回输入框中的内容,取消返回null
如: var info = prompt("请输入您的姓名:");
4.JavaScript 事件
当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。
1.HTML 事件
可以是浏览器行为,也可以是用户行为。
例如:
HTML 页面完成加载
HTML input 字段改变时
HTML 按钮被点击
下面是一些常见的HTML事件的列表:
事件 描述
onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户从一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载