版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、1 系统内置函数OnClick点击事件OnLoad 页面加载事件OnSubmit 提交事件OnBlur失去焦点事件OnFocus 获得焦点事件OnChange 改变事件OnMouseover 鼠标移入事件OnMouseout 鼠标移出事件window.onload = function()var num = 123;alert(typeof(num)num = parseInt(num);/将字符串类型转换为number 用paresInt()的时候转变的字符串里面如果不是以数值开始的话,则返回NAN不是一个数字(是number)alert(typeof(num);var num =123.4
2、num = parseInt(num);alert(num) /*123*/num = parseFloat(num);alert(num) /*123.0*/2window.onload = function()alert(HELLO WORLD)confirm(是否确认注册)prompt(请输入信息)console.log(hello);3window.onload = function()alert(HELLO WORLD)confirm(是否确认注册)prompt(请输入信息)console.log(document.getElementById(txt);4 window.onloa
3、d = function()alert(hello)var flag = confirm(是否确认)if(flag)alert(您点击的是确认)elsealert(你点击的不是确认)return false;5 var str=prompt (请输入信息)if(str=admin)alert(admin)elsealert(输入错误)2 点击事件function dianji()var obj = document.getElementById(txt);/获取当id为txt目标对象obj.style.fontSize = 50px;obj.style.color = red;function
4、 checkSex1()alert(document.getElementById(sex1).value)function checkSex2()alert(document.getElementById(sex2).value)function unload()alert(unload)/点击点击事件情人分手快乐!性别:男女3 焦点事件function check()if(document.getElementById(user).value.length8)alert(用户名的长度不能大于8)elsealert(用户名可用)function checkPwd()if(document.g
5、etElementById(pwd).value.length6)alert(密码长度不能大于6);elsealert(密码可用)function Text()document.getElementById(user).value=;user : pwd : 4 evaleval()运行以字符串形式表示的javascript代码串,并返回执行代码串后的结果。 例子:计算用户输入在文本框的表达式的计算结果。 function calc()var express=document.getElementById(info).value;var result=eval(express);alert(输
6、入在文本框的表达式的结果是:+result);5输入数据 function dianji()var obj=document.getElementById(txt)var valu =obj.value;/关键字不能一样alert(valu)6 获得value的值第一种方法function check()var inputObj = document.getElementById(txt);var txt = inputObj.value;var num = parseInt(txt);if(!isNaN(num) if(txt=60) alert(继续努力) else alert(及格了)
7、elsealert(输入有误)第二种方法function checkScore()var score=document.getElementById(score).value;var resultScore = parseInt(score)if(resultScore0)if(resultScore=100)if(resultScore60)alert(你完蛋了)else if(resultScore80)alert(及格了)elsealert(书呆子)elsealert(成绩有误);8 判断一个数值是不是数字 isNaN(要判断的值);function check()var val = d
8、ocument.getElementById(txt).value;var num = parseInt(val)if(isNaN(num)alert(输入的不合法)if(!isNaN(num)alert(输入的是数字) 9分支语句选择语句:根据选择的条件判断执行哪一段代码If语句:单分支的用法 : if(“判断条件返回值是boolean类型的值“)代码块;双分支语句: If(isNaN(num) Alert(“您输入的不合法“)else Alert(“你输入的是数字“)多分支语法:当一个判断条件不能满足我们的时候 If()else if()else if()else10 颜色选择器funct
9、ion chooseColor()var bgObj = document.getElementById(bg)/在事件源对象所对应的html标签上增加一个要处理的/事件属性,让事件属性值等于处理该事件的函数名或程序代码,获得id元素var obj=document.getElementById(col)var val=obj.value/获得目标的数值var num = parseInt(val)/将字符转化为numberif(num=1)bgObj.style.background=red;if(num=2)bgObj.style.background=yellow; if(num=3)b
10、gObj.style.background=green; if(num=4)bgObj.style.background=blue;请选择颜色:请选择颜色红色黄色绿色蓝色11 运算器第一种方法function jisuan()var inputVal1=document.getElementById(txt1).value/第一个输入框的值var inputVal2=document.getElementById(txt2).value/第二个输入框的值var selectVal=document.getElementById(sel).value/获取符号的值if(selectVal=+)d
11、ocument.getElementById(txt3).value=parseInt(inputVal1)+parseInt(inputVal2)if(selectVal=-)document.getElementById(txt3).value=parseInt(inputVal1)-parseInt(inputVal2)if(selectVal=*)document.getElementById(txt3).value=parseInt(inputVal1)*parseInt(inputVal2)if(selectVal=/)document.getElementById(txt3).v
12、alue=parseInt(inputVal1)/parseInt(inputVal2)+*/=第二种方法function jisuan()var inputVal1=document.getElementById(txt1).valuevar inputVal2=document.getElementById(txt2).valuevar selectVal=document.getElementById(sel).valueswitch(selectVal)case +:document.getElementById(txt3).value=parseInt(inputVal1)+pars
13、eInt(inputVal2);break;case -:document.getElementById(txt3).value=parseInt(inputVal1)-parseInt(inputVal2);break;case *:document.getElementById(txt3).value=parseInt(inputVal1)*parseInt(inputVal2);break;case /:document.getElementById(txt3).value=parseInt(inputVal1)/parseInt(inputVal2);break;+*/=12 三目运算
14、符Boolean?第一个值:第二个值; Boolean类型返回true时则执行第一个var str =23?1不大于2:1大于2;alert(str);Switch(参数)Case 参数:语句块Break;Case 参数: 语句块Break;Default;以上都不是13 显示时间/*var now =new Date();/当前的时间alert(now);var Dat =now.getDate();/当前的日子alert(Dat);var year = now.getFullYear();/年份alert(year)var month = now.getMonth()+1;/月份alert(month)var week =now.getDay();/几月alert(week)*/var now =new Date();var week
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 特色餐厅清包工装修
- 橡胶制品厂改造施工合同
- 甜品店室内墙面装修合同
- 工业园区土地买卖居间
- 瑜伽馆简装合同样本
- 旅游景区装修设计服务协议
- 水上安防设备运输协议
- 高速客船运输服务合同
- 鲜花保鲜配送合同范例
- 通信学校接待室装修项目书
- 2023年成考英语高起专真题及答案
- 货币与金融统计学课件
- 周转轮系及其传动比课件
- 《中级财务会计(二)》作业册形成性考核册国家开放大学电大
- 读后续写之社会温情 焦虑紧张篇课件【教学精研+高效课堂】 高三英语写作专项
- 大学生心理健康教育-第四章-大学生学习心理课件
- 费森透析机基础一课件
- 《试验设计与统计分析》课程教学大纲
- 初中中化优秀传统文化济南版八年级推己及人礼仪之邦教案
- 透析患者左心衰护理个案
- 五年级上册数学课件-4.1 方程的意义 ︳青岛版 (共13张PPT)
评论
0/150
提交评论