JavaScript中的标签语句用法分析

 更新时间:2015年02月10日 08:58:20   作者:彩月  
这篇文章主要介绍了JavaScript中的标签语句用法,实例分析了标签语句的功能、定义及相关使用技巧,需要的朋友可以参考下

本文实例分析了JavaScript中的标签语句用法。分享给大家供大家参考。具体分析如下:

最近在看w3school,然后看到js部分,

<!DOCTYPE html>
<html>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[0] + "<br>"); 
document.write(cars[1] + "<br>"); 
document.write(cars[2] + "<br>"); 
break list;
document.write(cars[3] + "<br>"); 
document.write(cars[4] + "<br>"); 
document.write(cars[5] + "<br>"); 
}
</script>
</body>
</html> 

看到那个list: 感觉有点怪异,然后上面写着

JavaScript 标签

正如您在 switch 语句那一章中看到的,可以对 JavaScript 语句进行标记。

如需标记 JavaScript 语句,请在语句之前加上冒号:

label:
statements

break 和 continue 语句仅仅是能够跳出代码块的语句。

语法:

break labelname; 

continue labelname;

continue 语句(带有或不带标签引用)只能用在循环中。
break 语句(不带标签引用),只能用在循环或 switch 中。
通过标签引用,break 语句可用于跳出任何 JavaScript 代码块:

一开始还没注意看,然后百度了标记javascript语句,看了一篇博客,是这样写的,在这里借鉴一下:

例如:

parser:
 while(token != null) {
 //Code omitted here
}

通过给一个语句加标签,就可以给这个语句起一个名字,这样在程序的任何地方都可以使用这个名字来引用它,可以标记任何语句,

但是被标记的语句通常是那些循环语句,即while、do/while、for和for/in语句,通常给循环命名,就可以使用break语句和continue语句来

退出循环或者循环的某一次迭代。

如:

<script type="text/javascript"> 
  outerloop: 
   for (var i = 0; i < 10; i++) 
   { 
     innerloop:  
     for (var j = 0; j < 10; j++) 
      { 
        if (j > 3) 
        { 
          break; 
        } 
        if (i == 2) 
        { 
          break innerloop; 
        } 
        if (i == 4) 
        { 
          break outerloop; 
        } 
        document.write("i=" + i + " j=" + j + "<br>"); 
      } 
   } 
</script>

看到这个例子我就明白了理解了list:,希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • 通过循环优化 JavaScript 程序

    通过循环优化 JavaScript 程序

    这篇文章主要介绍了通过循环优化 JavaScript 程序,对于提高 JavaScript 程序的性能这个问题,最简单同时也是很容易被忽视的方法就是学习如何正确编写高性能循环语句。下面我们来学习一下吧
    2019-06-06
  • js实现日期级联效果

    js实现日期级联效果

    本篇文章主要是对js实现日期级联效果的实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • js canvas画布实现高斯模糊效果

    js canvas画布实现高斯模糊效果

    这篇文章主要为大家详细介绍了js canvas画布实现高斯模糊效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • 浅析JavaScript中的Proxy对象

    浅析JavaScript中的Proxy对象

    Proxy是JavaScript的一个内置对象,它允许您拦截并自定义对象的行为。本文将和大家简单聊聊JavaScript中Proxy对象的创建与使用,感兴趣的可以了解一下
    2023-03-03
  • bootstrap日期插件daterangepicker使用详解

    bootstrap日期插件daterangepicker使用详解

    这篇文章主要为大家详细介绍了bootstrap日期插件daterangepicker的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • 前端取消接口调用的方法示例

    前端取消接口调用的方法示例

    这篇文章主要介绍了前端取消接口调用的相关资料,讲解了XMLHttpRequest和AbortController两种取消HTTP请求的方法,XMLHttpRequest通过abort()方法取消请求,而AbortController提供了一个更现代和灵活的解决方案,需要的朋友可以参考下
    2025-03-03
  • JS动态增加删除UL节点LI及相关内容示例

    JS动态增加删除UL节点LI及相关内容示例

    这篇文章主要介绍了JS如何动态增加删除UL节点LI及相关内容,需要的朋友可以参考下
    2014-05-05
  • 支付宝小程序实现类似微信多行输入功能(思路详解)

    支付宝小程序实现类似微信多行输入功能(思路详解)

    这篇文章主要介绍了支付宝小程序实现类似微信多行输入功能,输入超过 8 行的时候会出现滚动,这样做的好处就是输入框不会直接顶到页面最顶部,支付宝小程序实现多行输入框:使用textarea多行输入框实现,感兴趣的朋友一起看看吧
    2024-02-02
  • JS实现轮播图效果

    JS实现轮播图效果

    这篇文章主要为大家详细介绍了JS实现轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • javascript中Class(类)的介绍和使用方法

    javascript中Class(类)的介绍和使用方法

    在JavaScript中类(Class)是一种创建对象的模板,它可以用来定义对象的属性和方法,这篇文章主要给大家介绍了关于javascript中Class(类)的介绍和使用方法的相关资料,需要的朋友可以参考下
    2024-05-05

最新评论