`
liudaoru
  • 浏览: 1579106 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html文件中js代码执行顺序

    博客分类:
  • Ajax
阅读更多

大家都知道js是顺序执行的,但是如果在一个函数的定义之前调用这个函数那会是什么效果那?

下面的代码是一个列子,如果myAbc没有定义则会提示错误,如果已经定义则会正确提示。

 

<script>
try {
	myAbc();
} catch(e) {
	alert("error");
}
</script>
<script>
function myAbc() {
	alert("myAbc");
}
</script>

 在这种情况下会报错。

 

<script>
try {
	myAbc();
} catch(e) {
	alert("error");
}
function myAbc() {
	alert("another myAbc()");
}
</script>

 这种情况是可以执行的,这说明在一个script范围内定义函数会预加载,这样在调用函数的时候函数就已经存在了。

 

<script>
try {
	myAbc();
} catch(e) {
	alert("error");
}
function myAbc() {
	alert("another myAbc()");
}
</script>
<script>
function myAbc() {
	alert("myAbc");
}
</script>

 

这种情况下会提示什么那?

呵呵,another myAbc(),跟你想的不一样吧。

 

总结一下,就是各个script代码模块都是顺序执行的,每个模块的代码只能执行前面已经定义的函数和自己所在代码模块的函数,而不能调用在其后面的模块的函数。

5
1
分享到:
评论
7 楼 liudaoru 2009-02-22  
聚焦到文本框,如果有文字则定位到最后:
function iFocus(sid){var B=document.getElementById(sid);if(B){if(navigator.appName=="Netscape"){B.focus()}else{B.focus();var A=B.createTextRange();A.collapse(false);A.select()}}}

6 楼 ironurbane 2008-06-16  
应该是这样
5 楼 congpeixue 2008-06-15  
引用

laoliu.org 昨天
那如果在页面中调用在页尾声明的js呢


那就先调用生命处的。
4 楼 liudaoru 2008-06-14  
在页尾声明会最后加载。

本质上说js加载是按照js在页面的出现顺序,解析引擎会解析每个javascript标签里的js脚本,将所有的代码作为js全局对象Global对象的内部代码进行执行。
3 楼 lianyeyu 2008-06-14  
我一直没太理解js的执行顺序,类似laoliu.org所说的。
2 楼 laoliu.org 2008-06-13  
那如果在页面中调用在页尾声明的js呢
1 楼 puppet_love 2008-06-13  
luguo

相关推荐

    html中嵌入js执行顺序_html中嵌入js执行顺序_

    在HTML文档中嵌入JavaScript代码是网页开发中的常见实践,这允许我们动态地改变内容、响应用户交互或执行复杂的逻辑。了解JavaScript的执行顺序对于优化网页性能和避免潜在的错误至关重要。以下是对这一主题的详细...

    ASP.NET中不同部分的js代码的执行顺序

    ### ASP.NET中不同部分的js代码的执行顺序 ...综上所述,在ASP.NET应用中管理JavaScript代码执行顺序需要考虑多种因素。理解这些规则有助于开发者更高效地编写和维护代码,确保页面逻辑的正确性和一致性。

    JavaScript执行顺序

    这意味着JavaScript代码也会按照它们在文档中出现的顺序被加载和执行。 例如,考虑以下HTML文档结构: ```html &lt;!DOCTYPE html&gt; &lt;html&gt; alert("头部脚本"); 页面标题 alert("页面脚本"); &lt;/html&gt; `...

    html中js代码的加载顺序

    1. **内联JavaScript**:在HTML文件内部直接写入的`&lt;script&gt;`标签中的代码会被立即执行。如果脚本包含阻塞操作(如长时间运行的计算或大型数据处理),这会导致浏览器阻塞,直到脚本执行完毕,才继续渲染页面的其余...

    jsp页面中的代码执行加载顺序介绍.docx

    在开发过程中,理解JSP页面中的代码执行顺序对于确保程序逻辑正确执行至关重要。本文将详细介绍JSP页面中代码的执行加载顺序,帮助开发者更好地理解和优化其应用。 #### 二、JSP页面的基本结构 JSP页面通常包含...

    js在html中的加载执行顺序.docx

    1. **加载顺序**:JavaScript代码在HTML文档中的加载与执行顺序遵循其在文档中的出现顺序。无论是内联在`&lt;script&gt;`标签内的代码还是通过`src`属性引用的外部文件,都会按照它们在HTML文档中的位置顺序进行加载和执行...

    详解关于html,css,js三者的加载顺序问题

    这是因为JavaScript代码在执行过程中可能会修改DOM结构,如果在解析HTML的同时执行JavaScript代码,可能会导致不一致的页面状态。因此,浏览器在遇到标签时,会优先下载并执行JavaScript文件,等待其完全执行完毕后...

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

    浏览器执行JavaScript脚本加载与代码执行顺序是网页开发中至关重要的一环,因为它直接影响到网页的渲染和用户体验。本文主要探讨了两种关键的概念:JavaScript脚本的阻塞性和执行顺序。 1. JavaScript脚本的阻塞性...

    JavaScript 全面解析各种浏览器网页中的JS 执行顺序

    JavaScript 是一种广泛应用于网页开发的脚本语言,它的代码执行顺序问题在不同的浏览器中可能呈现出细微的差异,尤其是在多种引入方式并存时。为了确保网页的正确性和一致性,理解 JavaScript 在各种浏览器中的执行...

    2010html执行顺序.pdf

    总的来说,理解JavaScript在HTML中的执行顺序对于优化网页性能和避免冲突至关重要。开发者需要注意脚本的放置位置,以确保它们在正确的时间执行,同时避免阻塞页面的加载。此外,合理组织和管理JavaScript代码,避免...

    JavaScript的执行过程详细研究

    当JavaScript代码存储在外部文件中并通过`&lt;script src="file.js"&gt;`的方式引入时,这些文件也按照其在HTML文档中的位置顺序执行。这意味着即使JavaScript文件位于不同的位置,它们仍然遵循文档流的顺序执行。 **示例...

    关于JS和html代码的执行先后问题

    在给定的文件`temp.js`中,我们可以预想它可能包含了用于操作HTML元素的JavaScript代码。为了确保这些代码能够正确执行,我们需要考虑脚本是否正确地插入到HTML中,以及是否使用了`async`或`defer`属性。 另一方面...

    2010html执行顺序.docx

    在给定的示例中,JavaScript的执行顺序是:`alert(1)`、`alert(2)`(来自外部文件`a.js`)、`alert(3)`,以及对`&lt;input id="a"&gt;`的操作。如果在`&lt;input&gt;`元素之上放置一个`&lt;script&gt;`标签来获取`id="a"`的元素,由于...

    浅谈js在html中的加载执行顺序,多个jquery ready执行顺序

    首先,我们来探讨HTML页面中JavaScript代码的加载和执行顺序问题。在HTML文档中,JavaScript的执行顺序是由它在文档中的位置和脚本标记出现的顺序决定的。HTML文档中的JavaScript代码在页面装载时按照其在文档中出现...

    Javascript在页面加载时的执行顺序.pdf

    1. **按序执行**:JavaScript代码的执行顺序遵循它们在HTML中的出现顺序。无论是内联还是外部引用的脚本,都会按照它们在HTML文档中的顺序依次执行。 2. **全局作用域**:每个脚本定义的全局变量和函数都可在后续...

    Javascript代码在页面加载时的执行顺序介绍

    在探讨JavaScript代码在网页加载过程中的执行顺序时,我们首先需要了解JavaScript在HTML文档中的几种嵌入方式,以及它们在页面加载过程中的执行行为。 一、HTML中嵌入JavaScript的方法 1. 直接将JavaScript代码...

    Javascript在页面加载时的执行顺序.docx

    JavaScript在页面加载时的执行顺序是网页开发中的核心概念,对于理解JavaScript如何与HTML交互至关重要。以下是对这个主题的详细阐述: 一、JavaScript在HTML中的嵌入方法: 1. **内联方式**:直接在`&lt;script&gt;`和`...

    引入JavaScript脚本代码到HTML文档中

    3. 外部脚本方式:这是推荐的做法,可以将JavaScript代码保存为单独的.js文件,然后在HTML中引用。这样可以实现代码复用,提高可维护性。例如: ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;script src="hello.js"&gt; 点击...

Global site tag (gtag.js) - Google Analytics