Class5：初学HTML之JS函数

函数的实现代码的重复使用，减少代码冗余
函数定义，几个参数之间要加逗号
函数命名规则：关键字、保留字不要用，不要加数字
function myFunction(){
document.write(‘这是一个函数’)
}
函数的调用：定义几个参数，必须调用几个
myFunction()

全局变量：定义在函数体外的变量可在函数体内使用
局部变量：定义在函数体内的，只能在函数体内使用

var d = 0; 全局变量
var e = 1; 全局变量

function myFunction(a,b){
var c = a+b 局部变量
document.write(d);
}

function myFunction1(a,b){
var c = a+b 局部变量
document.write(e);
}

myFunction(1,1) 可以调用myFunction里的全局变量d
myFunction1(1,1) 可以调用myFunction1里的全局变量e

函数只能定义，不能执行
1、局部变量：在内部document执行再调用
function myFunction(a,b){
var c = a+b
document.write©;
}
myFunction(1,2)

2、return返还：局部变量进行return返还后，再赋值到函数外p，再document变量p
function myFunction(a,b){
var c = a+b
return c
}
Var p = myFunction(1,2)
Document.write§;

函数修改三种方式：
1、 id定位元素修改： getElementById

点我有惊喜

修改

2、 数组修改： getElementsByTagName 返回的是一个元素对象的集合，以数组的形式保存，要改变其中某个标签的内容，需要使用如下：var btn = document.getElementsByTagName(‘p’);

点我有惊喜

修改

4、 通过name修改getElementsByName

点我有惊喜

修改

修改种类
function myfun(){
var btn = document.getElementById(‘pid’);
改变内容（使用id修改）
btn.innerHTML=‘马上放假了’;
改变属性（使用id修改）
btn.style.color=‘green’;
改变样式（使用id修改）
btn.style.width=‘1200px’;

新增、删除功能

哈哈哈哈哈哈哈哈哈哈

• 你
• 好
• 鸭
• 鸭

新增 删除

补充知识：获取今日日期
var d = new Date;
document.write(d.getDate())