一.JavaScript的简单介绍
1.JavaScript是一种基于对象和事件驱动的客户端脚本语言,提供用户和界面的交互方式.
2.JavaScript的编辑工具:
常见的JavaScript编辑工具有很多,例如记事本、 Hbuilder、Dreamweaver和Visual Studio,还有Sublime Text、 Notepad++等。
3.对象:万事万物皆对象
对象中的三大要素/三大特征:
属性:描述对象的外观特征
行为:(1)方法(主动行为): 对象自己本身所具备的能力.
(2)事件(被动行为) :对象自己接受到一种指令需要完成的一 种行为.
4.脚本语言(就是解析语言)::弥补编译语言的不足而存在的,作为补充语言,不用编译.
编译语言:把代码编译成CPU认识的语言(机器码),然后整体执行.
解析语言:一行一行解析,解析一行执行一行,然后显示给用户.
弱类型脚本语言::简单理解定义一个变量,可以有多种数据类型.
弱类型:根据值来确定数据类型,接受数据的格式:var 变量名称=值.
二.JavaScript嵌入页面的方式
1.行间式嵌入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
/* onclick单击事件;alert('')消息框*/
<div class="div1" onclick="alert('hello')" style="width: 100px;height: 100px;border: 1px solid black;margin: 100px auto;">请点击</div>
</body>
</html>
2.内嵌式:通过script标签嵌入head中(body中)
head中的脚本:需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中.当把脚本放在head部分中时,可以保证脚本在任何调用之前被加载.
body中的脚本:当页面被加载时执行的脚本放在HTML的body部分,放在body部分的脚本通常被用来生成页面的内容.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function load(){ //function实现函数//
alert('你好,这是页面的加载事件......')
}
</script>
</head>
<body onload="load()"> //onload加载事件//
</body>
</html>
没有名称的加载事件,通过window调用加载事件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<s