文章插图
- 练习
- 要求：编写一个函数，用于计算所有参数相加的和并返回，如过实参不是number就过滤掉
- 提示使用typeof来判断参数类型
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">//编写一个函数，用于计算所有参数相加的和并返回，如过实参不是number就过滤掉function sum() {var res = 0;for (i = 0; i < arguments.length; i++) {if (typeof arguments[i] == "number") {//注意arguments数组放的是对象res += arguments[i];}}alert("参数相加的和=" + res);}sum(100, "nihao", 500, null, 200, undefined);</script></head><body></body></html>
文章插图
9.JS自定义对象
- 自定义对象方式1：Object形式
- 对象的定义
var 对象名=new Object();//对象实例（空对象）对象名.属性名=值;//定义一个属性对象名.函数名=function(){}//定义一个函数- 对象访问
对象名.属性对象名.函数名();如果一个属性没有定义赋值就直接使用 ， 该属性值就是undefined（变量提升）
例子
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>自定义对象</title><script type="text/javascript">//自定义对象的方式//person是一个空对象，没有自定义的函数和属性var person = new Object();console.log(typeof person);//object//增加一个属性nameperson.name = "老虎";person.age = 35;//增加一个方法person.say = function () {//这里的this就是当前的personconsole.log("person="+this.name+" "+this.age);}//调用person.say();//person=老虎 35//如果一个属性没有定义赋值就直接使用 ， 该属性值就是undefinedconsole.log(person.email);//undefined</script></head><body></body></html>
文章插图
- 自定义对象方式2：{}形式
- 对象的定义
var 对象名={////多个属性和方法之间都要用逗号隔开属性名:值,//定义属性属性名:值,//定义属性，注意后面有逗号,函数名:function(){}//定义函数};- 对象访问
对象名.属性对象名.函数名();例子
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>自定义对象方式2：{}形式</title><script type="text/javascript">//演示自定义对象方式2：{}形式var person = {//多个属性和方法之间都要用逗号隔开name: "孙悟空",age: 999,hi: function () {console.log("person信息=" + this.name + " " + this.age);},sum: function () {}};//使用console.log("外部访问 name=" + person.name);console.log("外部访问 age=" + person.age);person.hi();</script></head><body></body></html>
文章插图
10.事件JavaScript 事件 (w3school.com.cn)
10.1事件介绍什么是事件？事件是电脑输入设备与页面进行交互的响应 。我们称之为事件 。
HTML 事件可以是浏览器行为，也可以是用户行为 。
HTML 事件是发生在 HTML 元素上的“事情” 。
当在 HTML 页面中使用 JavaScript 时，JavaScript 能够“应对”这些事件 。
- 事件一览表
https://www.w3school.com.cn/jsref/dom_obj_event.asp
文章插图
- 事件的注册（绑定）
事件注册（绑定）：当事件响应（触发）后要浏览器执行哪些操作代码，叫事件注册或事件绑定
- 静态注册事件
通过html标签的事件属性直接赋于事件响应后的代码，这种方式叫做静态注册
- 动态注册事件
通过js代码得到标签的dom对象 ， 然后再通过dom对象.事件名=function(){}，这种方式叫做动态注册
js编程可以将浏览器整个页面的所有组件都映射成dom对象
- 动态注册事件步骤
- 获取标签对象/dom对象
- dom对象.事件名=function(){}
例子【day05-JavaScript02】
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>onload加载完成事件</title><script type="text/javascript">//定义函数// function sayOK() {//alert("静态注册 onload 事件sayOK");// }//1.在js中，将页面窗口映射成window dom对象//2.window对象有很多的属性和函数，可以使用//3.window.onload表示页面被加载完毕//4.后面的function(){}表示页面加载完毕后 ， 要执行的函数/代码window.onload = function () {alert("动态注册 onload 事件");}</script></head><body>hello~~~<input type="text" value="https://www.huyubaike.com/biancheng/测试"/></body></html>
推荐阅读
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
