js代码嵌入及js函数

概述

javascript是脚本语言。（不用编译，直接运行在浏览器）
主要用来操作HTML的节点产生动态效果。

三大块

• ECMAscript 核心语法标准（ECMA制定）
• DOM（管理html中的元素）
• BOM（管理浏览器本身，页面前进，后退，刷新等）

三种JS嵌入方法

行间事件

<input type="button" onclick="alert('aaa')"/>

---->>执行逻辑：
1.onclick是事件句柄（以属性方式存在，）
2.事件句柄后编写JS代码，事件触发后代码执行
3.JS是事件驱动型语言，事件发生，执行对应代码
4.浏览器负责事件监听

window是Js 中的内置BOM顶级对象，代表当前浏览器窗口，window对象有一个alertO)函数，该函数可以在浏览器上弹出消息框。

script标签

<script type="text/javascript">Js代码</script>

可以放在html文件任意位置

外部引入

<script type="text/javascript" src="js文件路径"></script>
<script type="text/javascript" src="js文件路径">这里不能写JS代码</script>
这种写法错误:<script type="textjavascript" src="js文件路径"/>

变量

（1）变量未赋值，系统默认赋值undefined
（2）JS是一种弱类型编程语言，一个变量可以接收任何类型的数据
（3）一行上也可以声明多个变量。

函数

函数优先级高，html页面加载开始就载入函数到内存

两种定义相同
1.
function 函数名（形参列表）{
函数体；
}
2.
函数名=function（形参列表）{
函数体；
}

例：
function sum(a,b){
return a+b;
}
a和b是形式参数列表，也是两个局部变量。。
1.Js中的函数在调用的时候，实参可以随意，例如调用以上的 sum函数，
可以这样调用: sum()，没有传任何实参的时候a和b变量没有赋值,则a和b都是undefined。
也可以这样调用sum(10)，这样就表示a变量赋值10,b变量仍然是undefine
还可以这样调用: sum(1,2)，这样则表示a是1，b是2。

2.JS中的函数不需要指定返回值类型，
因为Js是弱类型编程语言，变量可以接收任何类型的数据，
也就是说Js中的函数可以返回任何类型的数据，当然也可以不返回任何数据。返回数据使用return语句。