JavaScript代码块(代码段)

代码块就是使用 <script> 标签包含的 JavaScript 代码段。

示例1

在下面示例中,使用了两个 <script> 标签分别定义两个 JavaScript 代码块。

  1. <script>
  2. //JavaScript 代码块 1
  3. var a = 1;
  4. </script>
  5. <script>
  6. //JavaScript 代码块 2
  7. function f(){
  8. alert(1);
  9. }
  10. </script>

浏览器在解析这个 HTML 文档时,如果遇到第一个 <script> 标签,则 JavaScript 解释器会等到这个代码块的代码都加载完后,再对代码块进行预编译,然后执行。执行完毕,将继续解析后面的 HTML 代码,同时 JavaScript 解释器也准备好处理下一个代码块。

示例2

如果在一个 JavaScript 代码块中调用后面代码块中声明的变量或函数,就会提示语法错误。例如,当 JavaScript 解释器执行下面代码时就会提示语法错误,显示变量 a 未定义。

  1. <script>
  2. //JavaScript 代码块 1
  3. alert(a);
  4. </script>
  5. <script>
  6. //JavaScript 代码块 2
  7. var a = 1;
  8. </script>

如果把两块代码放在一起,就不会出现上述错误。合并代码如下:

  1. <script>
  2. //JavaScript 代码块
  3. alert(a);
  4. var a = 1;
  5. </script>

温馨提示

JavaScript 是按块执行的,但是不同块都属于同一个作用域(全局作用域),下面块中的代码可以访问上面块中的变量。因此,如果把上面示例中两个代码块的顺序调换一下,就不会出现语法错误。

  1. <script>
  2. //JavaScript 代码块 2
  3. var a = 1;
  4. </script>
  5. <script>
  6. //JavaScript 代码块 1
  7. alert(a);
  8. </script>

JavaScript代码块(代码段)相关推荐

  1. java中构造函数-静态代码块-代码块的执行顺序

    面试题中,经常遇到这种题,我们只要记住一个原则,就不会出错. 三者的执行顺序:静态代码块>代码块>构造函数 package com.lbl.constructor;/*** Created ...

  2. CSDN博客代码块代码没有高亮颜色解决办法

    之前写博客的代码块都没有高亮颜色也没怎么在意 现在突然想让它显示高亮颜色,解决了 所以记录一下解决方案: 插入代码时不要先贴代码, 而应该先点上面中间的代码块按钮: 点击后效果如下: ``` 在这里插 ...

  3. 【Jupyter Notebook】Jupyter Notebook折叠代码块+代码提示

    在anaconda prompt终端里分别运行下面4行代码: pip install jupyter_contrib_nbextensions jupyter contrib nbextension ...

  4. JavaScript代码块

    1.语句 前边我所说表达式和运算符等内容可以理解成是我们一 门语言中的单词,短语.而语句(statement)就是我们这个语言中一句一句完 整的话了.语句是一个程序的基本单位,JavaScript的程 ...

  5. python代码块-Python 代码块

    代码块 骏马金龙https://www.cnblogs.com/f-ck-need-u/p/9925021.html 代码块可以使得一段python代码作为一个单元.一个整体执行. 几种代码块 模块文 ...

  6. python3代码块

    代码块可以使得一段python代码作为一个单元.一个整体执行.以下是 官方手册 的描述. 所以,有以下几种类型的代码块: 模块文件是一个代码块 函数体是一个代码块 class的定义是一个代码块 交互式 ...

  7. java final类的写法_重拾JavaSE基础——抽象类、接口、代码块、final和枚举

    今天继续回顾Java基础,有些东西用得不多,大家看看知道语法就好 主要内容 抽象类 抽象方法 抽象方法的写法 抽象方法是否可以私有化 抽象类的特征 抽象类有无构造器,能否实例化对象 抽象类的结构 抽象 ...

  8. 第三次学JAVA再学不好就吃翔(part29)--代码块

    学习笔记,仅供参考 面向对象 代码块 代码块概述 在Java中,使用{}括起来的代码被称为代码块. 代码块分类 根据其位置和声明的不同,可以分为局部代码块,构造代码块,静态代码块,同步代码块(多线程) ...

  9. 面向对象基础——static关键字和代码块的使用

    具体内容  在Java中可以使用static声明属性和方法,因为之前多部分属性和方法都属于非static的,这样一来,每个对象都占有自己的内容,如果现在希望一个属性被所有的对象所共同拥有,则可以将其声 ...

  10. vs2015常用代码块与自定义代码块

    常用代码块 代码段名 描    述 #if 该代码段用#if和#endif命令围绕代码 #region 该代码段用#region和#endregion命令围绕代码 ~ 该代码段插入一个析构函数 att ...

最新文章

  1. 拆位 ---- C. Johnny and Another Rating Drop[位运算,计算每一位的贡献+推导过程]
  2. Spring对java模块化支持_Spring项目对JDBC的支持和基本使用
  3. Dynagen0.11+Pemuwrapper入手麻烦二三事——告诉初学者直路
  4. c语言定时器回调函数的参数,定时器的简单实现即回调函数的运用
  5. C#中split分隔字符串的应用
  6. django模块导入/函数/中间件/MVC和MTV/CSRF
  7. Docker Networking Data Volume
  8. 【报告分享】2020年数字政府新基建发展白皮书.pdf(附下载链接)
  9. 啊哈,算法!为什么你如此“谜”人!
  10. Spring-data-redis操作redis知识总结
  11. mysql to excel 插件_在Excel中操作MySQL数据库插件MySQL for Excel
  12. eNSP模拟无线AC和AP
  13. 美国2011高分魔幻大片《哈利·波特与死亡圣器(下)》蓝光BD 1080p 720p免费下载...
  14. 居家生活|装修避免的坑
  15. 怎么看神经网络过早收敛_你的神经网络真的收敛了么?
  16. BUUCTF Rabbit加密
  17. Keras框架下的loss损失函数
  18. uvc摄像头代码解析6
  19. mysql5.5版本 64位+界面工具中文破解版版(有教程)
  20. 【搬运】射手播放器下载字幕存储位置及修改方法

热门文章

  1. 推箱子游戏 最短路径 python实现
  2. 软件测试培训可靠吗?培训出来能不能找到工作
  3. JSP网页背景图片自适应
  4. 溶剂回收机行业发展概述
  5. Z5S自定义短信铃声
  6. Ubuntu 18.04 LTS 安装教程
  7. 教师考试计算机专业试题,小学信息技术教师考试试题
  8. 消费返利模式怎么运营的?
  9. 微软IE本地文件读取漏洞
  10. ChatGPT 的 20 种有趣用途,您可能不知道