Web:Javascript

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:

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值