js02--对象、函数、switch、for、异常、表单验证
2024-09-02 11:16:11
现在我们接着来继续学习有关js的一些基础。
1.undefined与null
undefined:当变量声明但尚未赋值时,它的类型就是undefined
null:表示一个不存在的对象,它的类型是object
2.对象:
js中的所有事物都是对象:字符串、数字、数组、日期。对象是拥有属性与方法的数据
创建对象:
var person=new Object();
person.firstName="Bill";
person.lastName="Gates";
person.age=56;
3.函数:
function functionName(){...}
函数局部变量:在函数内部被声明的变量,只能在函数内部访问,函数执行完毕,即被删除
全局变量:在函数外声明的变量,网页上的所有脚本和函数都可以访问它
变量的生存期:变量的生存期从声明时开始,局部变量在函数执行完毕即删除,全局变量在网页关闭时删除
将值赋给尚未声明的变量,该变量自动变成全局变量
4.switch语句case子块需要使用break,阻止继续执行下一个case
5.for语句:
var cars=["BMW","Volvo","Saab","Ford"];
for(var i=0;i<cars.length;++i){
document.write(cars[i]+"<br />");
}
6.九九乘法:
var result=0;
for(var i=1;i<=9;++i){
for(var j=1;j<=i;++j){
resu=j*i;
document.write(j+"*"+i+"="+result+" ");
}
document.write("<br />");
}
7.for in:遍历对象属性或数组(不建议用于遍历数组)
var person={firstName:"Bill",lastName:"Gates",age:56}
for(var x in person){person[x]}
8.break continue
break:跳出本层循环
continue:跳出本次迭代
9.按钮
<input type="button" value="查看消息" onclick="message()" />
<button type="button" onclick="myFunction()">测试输入值</button>
10.js错误:try{}catch{},还可以throw异常。异常可以是字符串、数字、布尔值、对象
function myFunction(){
try{
var x=document.getElementById("demo").value;
if(""==x) throw "Empty!";
if(isNaN(x)) throw "not a number";
if(x>10) throw "too high";
if(x<5) throw "too low";
}
catch(err){
var y=document.getElementById("mess");
y.innerHTML="ERROR:"+err+"!";
}
}
11.表单验证:表单数据在送往服务器前进行验证
<form action="submitPage.html" onsubmit="return validateForm(this);" method="post">
Email:<input type="text" name="email" size="30" /> <br />
<input type="submit" value="Submit" />
</form> <script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
} function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false}
}
}
</script>
最新文章
- 【第一课】WEBIX 入门自学-介绍WEBIX
- 使用Lua脚本语言开发出高扩展性的系统,AgileEAS.NET SOA中间件Lua脚本引擎介绍
- Validating HTTP data with Play
- 利用 Django REST framework 编写 RESTful API
- 使用PHP的CURL模拟POST采集开了viewstate的asp.net网页数据
- ci实现RBAC,详细解释原理和核心代码显示
- C# 获取打印机列表以及串口
- 中文系统下,UTF-8编码文本文件读取导致的错误
- 18、HTML
- js表格的输出
- Android UI SurfaceView的使用-绘制组合图型,并使其移动
- 将258.369 double值转为内存表示(科学计数法)
- 窗体的Alpha通道透明色支持(一旦 Form 被定义为利用 LayeredWindow ,窗口的绘图不再响应沿用多年的 WM_Paint 消息)
- Ajax笔记 XHR XMLHttpRequest
- 20162323周楠《Java程序设计与数据结构》第六周总结
- vue-----样式绑定 事件处理
- PM学习梳理--搭建产品架构
- ASP.NET MVC计划任务实现方法(定时执行某个功能)
- Ubuntu中在服务器和本机之间传递文件
- Django 面向对象orm
热门文章
- 2018.09.29 bzoj3039: 玉蟾宫(悬线法)
- 2018.09.16 loj#10243. 移棋子游戏(博弈论)
- Django入门指南-第9章:静态文件设置(完结)
- IntelliJ IDEA 2017版 spring-boot与Mybatis简单整合
- python 文件合并和编号
- ArcGIS Desktop python Add-in Python 插件的文件结构
- 安装hue-3.11.0
- JSTL自定义函数完成ACL即时认证
- hibernate中常用的Hql语句总结
- 对Spring 容器管理事务支持的总结