JS---运用和事件

JS变量是没有类型的,数据是有类型的


1.undefined未定义(声明了变量从未赋值)列如:var first;
2.null空 列如:var second = null;
3.Boolean布尔型 列如:var third = true;
4.String字符串 列如:var fourth = "小雨";
5.Number数值:包括整数和小数,NaN(Not a Number)
列如:var fifth = 100:var sixth = 99.9;
6.Object对象 列如:var person = (name:'小雨',age:24,sex:'女');
对对象变量的属性的访问是对象名,属性名 
person.name.person.age.person.sexm


变量的声明

变量使用之前必须声明

JavaScript中变量的声明语法:


1.var 变量名 var a; var a = 1;var a.b = 2.c; var date = new Date();
var array = new Array();


不能使用未经声明的变量
变量的赋值


1.与严格的编程语言不同,在JavaScript脚本语言中,声明变量不需要声明变量
的数据类型
2.JavaScript中变量的数据类型由给其所赋的值决定


JavaScript中的运算符


1.算术运算符:+、-、*、/、%、++、--、
2.关系运算符:>、>=、<、<=、==、!=、
3.逻辑运算符:&&、||、!
4.赋值运算符:=、+=、-=、*=、/=、%=
5.字符串运算符:+、+=、
6.条件运算符:?:


JavaScript中的=、==、问题


1.=:是赋值
2.==:判断相等(不严格相等,只比较对应的值是否相等,不关注数据的类型)


运算符的优先级


1.单目运算符:.、++、--、!
2.*、/、%
3.+、
4.<、<=、>、>=
5.==、!=
6.&&
7.||
8.?:
9.=、+=、-=、*=、/=、%=


JavaScript代码的执行问题

JavaScript代码不写在函数里,访问页面就执行

JavaScript代码写在函数里:


1.当有事件触发该函数才执行
2.当在一个<script>(可以是函数定义所在函数的<script>标签)标签中调用了
以定义的函数时,访问页面就执行


JavaScript事件


1.Onclick:被点击 ---- 一般用于普通按钮和超链接
2.ondblclick:被双击
3.onkeydown:键盘移动 ----- 有字符输入
4.Onfocus:成为焦点
5.Onblur:失去焦点
6.Onchange:选中对象的值发生变化
7.onload:页面装载 --- <body>标签事件
8.onunload:页面卸载 --- <body>标签事件


获取表单的方法



1.通过document.forms得到一个数组,里面存放的是页面所有的表单对象
     a.var forms = document.form,对forms这个数组进行遍历得到每个表单对象
     b.var forms = document.form,要得到具体的某个表单对象  
     
2.通过对应下标
     a.通过表单的name(name要加引号)属性值


表单对象:


1.JavaScript把<form>标签的所有属性,封装成一个表单对象
2.通过document.formName(formName不加引号)得到具体的某个表单对象
3.通过formName(formName不加引号)得到具体的某个表单对象
4.通过document.getElementById(id)(id要加引号)得到具体的某个表单对象


页面中的id属性


1.唯一性
2.JavaScript通过id属性得到指定标签对象


-------------------------------------------------------------------------------------------------------------------------------------------------------------------------


-------------------------------------------------------------------------------------------------------------------------------------------------------------------------
能获取到标签对象 就能操作该标签的属性


form表单对象的常用属性

elements属性:


返回form标签的所有表单域对象所组成的一个数组


1.id属性    :form标签的id
2.name属性  :form标签的name
3.method属性:form标签的传送方式
4.action属性:form标签的传送路径


form表单对象的常用函数


1.submit();相当于单击submit按钮  --- 和button按钮的onclick事件一起使用
2.reset ();相当于单击reset按钮   --- 和button按钮的onclick事件一起使用


form表单对象的事件


1.onsubmit:在表单被提交之前触发。使用onsubmit事件的格式:
onsubmit = "return checkForm()"
2.onsubmit事件调用的JavaScript函数要有retsrn语句,
返回true提交,返回false不提交
3.onreset:在表单被重置之前触发
4.onreset事件调用的JavaScript函数要有return语句,
返回true提交,返回fales不提交


form表单对象的常用函数


1.submit();相当于单击submit按钮 ---- 和button按钮的
onclick事件一起使用
2.reset();相当于单击reset按钮 ---- 和button按钮的
onclick时间一起使用
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值