JavaScript基础知识及实例(一)

最新推荐文章于 2020-11-21 05:53:32 发布

逆空001

最新推荐文章于 2020-11-21 05:53:32 发布

阅读量417

点赞数 1

分类专栏： JavaScript 文章标签： js js基础 js事件 js实例

本文链接：https://blog.youkuaiyun.com/qq_35208312/article/details/74917585

版权

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

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 事件。