2019-07-20 JS函数调用 弹出

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                    浏览器已完成页面的加载