day03
Javascript:
web 最强大的脚本语言
脚本语言的三大特点:
1.不需要编译,由浏览器进行直接解析
2.不能够独立运行,必须结合html
3.js 执行的顺序 从上到下执行
Js 作用:
动效(做一些界面的控制)
1.可以来操作标签
2.js 操作css
3.做前端的一些验证
Js 分为三个组成部分 :
EMCAScript:js 的基础语言(java 前5天的内容)
DOM:可以操作标签也就是节点
BOM 浏览器对象 由称为窗口对象
js.里的三种弹框:
alert() prompt(“请输入你的年龄”) confirm(“是否确定删除”)
Js中常规的数据类型 关键字: var
1.number 2.string 3.boolean 4. undefined(未定义)
变量的名的规范:
1.不要使用js关键字
2.通俗易懂,驼峰命名
引用数据类型: 都称为对象(object)
方法:
Java申明方法的语法: 访问修饰符 返回值类型 方法的名称(){执行的方法体};
Js的语法:function 方法名(){};
注意点:
1.必须要这个关键字
2.参数不要数据类型
3.return 关键字可写可不写(建议写上)
4.任意数字与其相加NaN 都是NaN
java 中的方法的重载:
方法名相同 ,参数个数或者是类型不同 ,与返回值没有关系
js 中没有方法重载,如果方法名相同,会覆盖前面的方法
js做一些前端的验证 :
1. 需要给input 标签加上id id必须是唯一
2. 通过doc 对象来获取到文本框的值
3. document.getElementById() 返回的是当前节点对象
4.tv_username.value 是获取文本框具体的值
断点调试:
// 第一种dug 形式 : alter("") 使用弹框
// 第二种断点 :
1, 检查代码(f12)
2.在js 中设置断点 ==>饭碗
3.按步执行
正则表达式 :
js 中的一些事件:
第一个点击事件,也就是点击触发 的函数 onclick onsubmit 是否提交
获取焦点: onfocus() 失去焦点 onblur()失去焦点
onload表示html页面加载完毕之后出发的函数
另外的一种写法是: window.onload =function () {alert(“eeeeee”);}
定时操作
:定时的函数 setInterval(“showInfo()”,1000);
第一个参数表示要出发的函数毫秒值 第二个是时间 毫秒值 间隔多长时间来 出发这个函数
// 清楚定时操作: clearInterval(clearId); 这个传输是设置定时函数的返回值
定时函数 :setTimeout(“show()”,1000) 个 各多少秒执行一次 (参数跟上面的是一样的)
clearTimeout(clearId); 也可以清楚
向标签里填入内容的属性:
tv_span.innerHTML 是 获取值 tv_span.innerHTML="" 表示设置值
数组
js: 数组:是 引用数据类型
java 中 数组 与集合 1.数组的长度是固定 数组可以存基本数据类型也可存引用数据类型
js 的数组就相当于一个没有泛型的集合:
实例化数组的第一种写法: var nums =new Array(“zhangsan”,4,20.5,true);
第二种写法 var nums =[“你好”,5,40.6,90];
获取标签的常规的方法:
document.getElementById(“tv_xiaopang1”) 根据id来获取单个
document.getElementsByTagName(“div”) 根据标签名来获取
document.getElementsByName(“tv_name”) 根据name 来获取
document.getElementsByClassName(“tv_c”) 根据class 获取
this: