`
amanhu
  • 浏览: 12486 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

JavaScript在Html中的解析顺序

 
阅读更多

用代码来说话,如下:

这个简单的代码说明了一下几点:

1. “一个HTML文档中可以包含任意多个<script>元素。这些多个独立的执行顺序就是他们在文档中的出现顺序”。

2. “但是,这些脚本却是同一个Javascript程序的组成部分,因为在一个脚本中定义的函数和变量适用于随后出现的同一HTML文件中的所有脚本。”——《Javascript 权威指南》

但是,这并不准确。

函数有一个小小的特殊的地方。位于当前脚本中,函数的调用可以在定义之前(但这并不推荐,这完全没有必要,而且可能与浏览器对Javascript的解析有关系)。

例如:12行调用“alertString()”会报错。但是16行调用“alertString()”却没有问题。而alertString()的定义却在17行。

3. 脚本能够输出以插入到HTML文档中,这意味着HTML解析器必须在解析的过程中解释Javascript脚本。

但我们执行17行时,浏览器中显示的文本是日期。而23行“Hello Jack.”并没有被解析和显示。

分享到:
评论

相关推荐

    JAVASCRIPT在页面加载时的执行顺序[参考].pdf

    在 HTML 中嵌入 JavaScript 的方法有多种,包括直接在 `&lt;script&gt;` 标记中编写代码、使用 `&lt;script&gt;` 标记的 `src` 属性引入外部 JavaScript 文件、在事件处理程序中编写代码、使用 `javascript:` 协议、使用 `...

    探析浏览器执行JavaScript脚本加载与代码执行顺序

    本文主要基于向HTML页面引入JavaScript的几种方式,分析HTML中JavaScript脚本的执行顺序问题 1. 关于JavaScript脚本执行的阻塞性 JavaScript在浏览器中被解析和执行时具有阻塞的特性,也就是说,当JavaScript代码...

    JavaScript执行顺序详细介绍

    之前从JavaScript引擎的解析机制来探索JavaScript...1.1 按HTML文档流顺序执行JavaScript代码首先,读者应该清楚,HTML文档在浏览器中的解析过程是这样的:浏览器是按着文档流从上到下逐步解析页面结构和信息的。Java

    浅谈JavaScript 的执行顺序

    有时候我们会把js代码写在html里面,而html文档在浏览器中解析的过程是这样:浏览器按照文档流从上到下逐步解析页面结构和信息。js代码作为嵌入的脚本也算做html文档的组成部分,因此,js代码在装载时的执行顺序

    javascript按顺序加载运行js方法

    defer是html4.0中定义的,该属性使得浏览器能延迟脚本的执行,等文档完成解析完成后会按照他们在文档出现顺序再去下载解析。 也就是说defer属性的 script 就类似于将 script 放在body中的加载 效果一致. 但是defer...

    实例分析浏览器中“JavaScript解析器”的工作原理

    浏览器在读取HTML文件的时候,只有当遇到[removed]标签的时候,才会唤醒所谓的“JavaScript解析器”开始工作。 JavaScript解析器工作步骤: 1、“找一些东西”: var、 function、 参数;(也被称之为预解析) 备注:...

    javascript学习笔记.docx

    3) 脚本执行过程是Web浏览器的HTML解析过程的一部分。脚本按照它们的出现顺序执行。 4) 简单的对话框可用:alert&#40;&#41;、 confirm()、 prompt()之一。 5) 时间间隔方法为: setInterval()、 cleraInterval() 。 ...

    精通正则表达式基于.NET ASP PHP JSP JavaScript

    字符串按ASCII码顺序比较.php 字符串按ASCII码顺序比较 字符串按“自然排序”法比较.php 字符串按“自然排序”法比较 根据单词的发音比较.php 根据...

    JS中如何引用EL表达式

    在 JavaScript 中引用 EL 表达式需要注意服务端和客户端的执行顺序,charset 编码问题,以及 JavaScript 文件和 JSP 文件的相互引用问题。通过遵循正确的方法和注意事项,我们可以成功地在 JavaScript 中引用 EL ...

    HTML页面加载和解析流程详细介绍

    浏览器加载和渲染html的顺序 1. IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。 2. 在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载...

    Html\checkbox)属性解析及应用.docx

    29. TabIndex 属性:该属性用于获得或设置此对象在父窗体的编号(父窗体中对象响应 Tab 键的顺序)。 30. TabStop 属性:该属性用于设置是否可以用“Tab”键选取此对象,取值为:True 可以、False 不可以。 31. ...

    在HTML中使用JavaScript实例代码

     当标签中包含这个属性时会立即下载脚本(外部文件),只对外部脚本文件有效,下载的同时可以进行页面的其他操作,下载完成后停止解析并执行,执行后继续进行解析,但不能保证执行顺序。  [removed][removed]  ...

    GoogleSheetToHTML:解析 Google Sheet 中的内容并发布为 HTML 文件(带有锚标签)

    GoogleSheetToHTML 解析 Google Sheet 中的内容并发布为 HTML 文件(带有锚标签) 第 1 步:将此代码直接复制并粘贴到空白的 Google 脚本(绑定到电子表格)中。 STEP 2:在代码的开头填充三个全局变量(LOGO、...

    2023最新前端面试题总结

    不同的浏览器对 HTML、CSS、JavaScript 的解析和执行方式不同,这导致了同一个页面在不同的浏览器中显示效果不同。常见的浏览器兼容性问题包括:IE6、IE7、IE8、Firefox、Safari、Chrome 等。 浏览器的文档类型声明...

    探讨JavaScript语句的执行过程

    浏览器是按照文档流从上到下逐步解析页面结构和信息的,javascript代码作为嵌入的脚本作为html文档的组成部分,所以javascript代码在加载时的执行顺序也是根据脚本标签[removed]的出现顺序来确定的。 如果通过脚本...

    JavaScript事件冒泡机制原理实例解析

    这篇文章主要介绍了JavaScript事件冒泡机制原理实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 DOM事件流(event flow )存在三个阶段:事件捕获阶段...

    登录页面HTML CSS JS代码.doc

    本文将对登录页面HTML CSS JS代码进行详细的知识点解析,从标题、描述、标签和部分内容四个方面入手,深入探讨HTML、CSS和JS技术在登录页面开发中的应用。 HTML技术 1. 文档类型声明:`&lt;!DOCTYPE html&gt;`声明了文档...

    15条JavaScript最佳实践小结

    本文档整理大部分公认的、或者少有争议的JavaScript良好书写规范(Best Practice...如果你的JavaScript代码只是增加一些功能(比如按钮的点击动作),那么尽管大胆地把文件引用放在HTML底部吧(就在&lt;/body&gt;之前)

    网页设计课后习题及答案,可作为自学参考资料。

    * HTML5带来了许多人性化和方便的改变,包括新的解析顺序、新的元素、新的input属性等。 * HTML5的设计目的是为了在移动设备上支持多媒体。 二、HTML基本语言 * 网页的基本语言是HTML。 * HTML的扩展名是.html。 ...

    前端高频面试题终结篇 vue面试题

    10. JavaScript 作用域和作用域链:JavaScript 中的作用域是指变量的可访问范围,作用域链是指变量的查找顺序。 11. 从输入 URL 到页面加载完中间发生了什么?:当用户输入 URL 后,浏览器会发送请求,服务器会响应...

Global site tag (gtag.js) - Google Analytics