JavaScript基础知识及实例(一)

xiaoxiao2021-02-28  130

JavaScript

JavaScript 是属于网络的脚本语言!

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

JavaScript 是因特网上最流行的脚本语言。

document.write()

不属于任何函数的js语句,页面加载就执行,一旦语句属于这个函数,只有触发才执行。 注:您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。

警告框alert

例子:

运行如下:

询问框prompt

确定框confirm

value与innerHTML

执行结果如下:

点击"确定框"按钮,显示框中显示“这是value”

点击“点击改变”按钮,“这是一个innerHTML”将会变成“这是改变的innerHTML”

注意例子

例子:实现图片来回切换

以下两种方法可以达到相同效果

this是这个标签对象

JavaScript HTML DOM事件

例子 1

在本例中,当用户在 <h1> 元素上点击时,会改变其内容:

<h1 onclick="this.innerHTML='谢谢!'">请点击该文本</h1>

例子 2

本例从事件处理器调用一个函数:

<!DOCTYPE html> <html> <head> <script> function changetext(id) { id.innerHTML="谢谢!"; } </script> </head> <body> <h1 onclick="changetext(this)">请点击该文本</h1> </body> </html>

onload 和 onunload 事件

onload 和 onunload 事件会在用户进入或离开页面时被触发。

onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。

onload 和 onunload 事件可用于处理 cookie。

onmouseover 和 onmouseout 事件

onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。

onmousedown、onmouseup 以及 onclick 事件

onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。

转载请注明原文地址: https://www.6miu.com/read-24874.html

最新回复(0)