javascript基础(2)

本文深入探讨了JavaScript中的循环机制,包括for、while、do...while等语法,并详细解释了如何使用break和continue来控制循环流程。此外,还介绍了如何通过事件处理函数实现交互性,覆盖了诸如页面加载、鼠标点击、表单输入等常见事件类型。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

Javascript循环


1,for,循环执行指定次数
2,while,条件为true时循环执行代码
3,do…while…,先执行do语句的代码,再去判断while的条件

1,
<script type="text/javascript">
 for(var i=0;i<=10;i++){
  document.write("the number is"+i);
  document.write("<br>");
 }
</script>

2,
 var i = 0;
 while(i<=10){
  document.write("the number is"+i);
  document.write("<br>");
  i = i+1;
 }

3,
var i =0;
 do{
  document.write("the number is"+i);
  document.write("<br>");
  i = i+1;
 }while(i<10)


用在循环中的break和continue


1,break,用来终止循环,继续执行循环之后的代码
2,continue,终止当前的循环,从下一个值继续执行

1,break

 for(var i=0;i<=10;i++){
  if(i==3){
   break;
  }
  document.write("the number is"+i);
  document.write("<br>");
 }

2,continue
 var i=0;
 for(i=0;i<=10;i++){
  if(i==3){
   continue;
  }
  document.write("the number is"+i);
  document.write("<br>");
 }

 

For…in

 

For…in声明用来遍历数组元素或对象属性
For...In声明中的代码每执行一次,就会对数组元素或对象属性进行一次操作
数组有几个元素或者对象有几个属性,循环执行几次


 var x;
 var cars = new Array();
 cars['name'] = '保时捷';
 cars[1] = '奔驰';
 cars[2] = '大众';
 for(x in cars){
  document.write(cars[x]+"<br>");
 }

 

Javascript事件

 

事件举例:
1,鼠标点击
2,页面或图像载入
3,鼠标悬浮于某个热点之上
4,在表单中选取输入框
5,确认表单
6,键盘按键


事件通常与函数结合使用,事件触发时执行某个函数
1,
Onload 页面或图像被加载完
onUnload 离开页面
onblur, 元素失去焦点
Onchange,用户改变表单域的值
Onclick 鼠标点击某个表单
Ondblclick 鼠标双击某个对象
Onfocus 元素获得焦点
Onkeydown 某个键盘的键被按下
Onkeyup 某个键盘的键松开
Onkeypress 某个键盘的键被按住
Onmousedown 鼠标按键被按下
Onmousemove 鼠标移动
Onmouseout 鼠标从某元素移开
Onmouseover 鼠标被移到某元素之上
Onmouseup 某个鼠标按键被松开
Onreset 重置按钮被点击
Onresize 窗口或框架被调整尺寸
Onselect 文本被选中
Onsubmit 提交按钮被点击
Onsubmit=“”事件,验证表单函数的返回值是true 或 false
如果返回值为true则提交表单,如果返回值为false 不提交表单


Try…catch

 

作用是测试代码中的错误
在网页中捕获错误的方法:
1,try…catch…语句
2,throw()抛出异常

<html>
<head>
<script type="text/javascript">
 var txt = "";
 function message(){
  try{
   addlert('hello world');
  }
  catch(err){
   txt = "此页面存在一个错误\n\n";
   txt+="错误描述:"+err.description+"\n\n";
   txt+="点击确定继续";
   alert(txt);
  }
 }

</script>
</head>


<body>
<input type="button" value="view message" onclick="message()">
</body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值