页面中js执行顺序

下面是测试的代码:


代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head runat="server">
<title>测试js的执行顺序</title>
<script language="javascript" type="text/javascript"><!--
var a = "这是一段在Header里面的JS代码";
alert(a);
// --></script>
</head>
<body onload="javscript:alert('这是在body的Onload事件中的代码！');">
<form id="form1" runat="server">
<div>
<p>测试一下js的执行顺序
</p>
</div>
</form>
<script language="javascript" type="text/javascript"><!--
var a = "这是一段页面最后的JS代码";
alert(a);
// --></script>
</body>
</html>

运行后的执行顺序如下:

执行的顺序为：head中的js,页面中的js(将此段Js放置在body标签之外亦为此顺序),body标签onload事件中的js.

赞 (0)

相关推荐

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

    我们知道javaScript是一种解释型语言,他的执行是自上而下,但是各个浏览器对于至上而下的理解是有细微差别的,而代码的上下游也就是程序流又对于程序正确至关重要,所以我觉得有必要深入理解多个js块儿的执行顺序. 首先得知道有多少方法能把javaScript加入到页面中呢?常见下述的前2种,其实还有更多. 1.页面中直接引入外部js文件:<script src="my.js"></script> 2.页面中直接写如js片段<script>alert(

  • 解读IE和firefox下JScript和HREF的执行顺序

    很久都没有写关于代码方面的文章了.主要原因还是因为最近的工作都集中在需求分析方面,没有了现实中的感触,就没有了写作的动机.讨论一个关于JScript执行顺序的问题.示例代码如下: a.htm <A onmouseup="func('onmouseup')" href="b.htm">Click Me!</A> <A onclick="func2('onclick')" href="d.htm"&g

  • js 程序执行与顺序实现详解

    函数的声明和调用 JavaScript是一种描述型脚本语言,由浏览器进行动态的解析与执行.函数的定义方式大体有以下两种,浏览器对于不同的方式有不同的解析顺序. 代码如下: 复制代码 代码如下: //"定义式"函数定义 function Fn1(){ alert("Hello World!"); } //"赋值式"函数定义 var Fn2 = function(){ alert("Hello wild!"); } 页面加载过程中

  • Html中JS脚本执行顺序简单举例说明

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

  • 页面中js执行顺序

    下面是测试的代码: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head runat="server"> <title>测试js的执行顺序</title> <script language="javascript" type="text/javascri

  • Go中init()执行顺序详解

    目录 概述 init()函数 执行时机 概述 init()一般用来做一些初始化工作, go允许定义多个init(),根据init()重复场景不同,可以分为 同文件 单文件中定义多个init() 同模块 同模块下不同文件中定义了多个init() 子模块 本模块和子模块都包含init() 跨模块 多个被引用模块中均含init() 要点秘诀: 涉及引用时,先加载的先执行 同一文件中,先定义的先执行 init()函数 init()函数没有参数,也没有返回值. init()函数在程序运行时,自动自动被调用

  • 改变 Python 中线程执行顺序的方法

    一.主线程会等待所有的子线程结束后才结束 首先我看下最普通情况下,主线程和子线程的情况. import threading from time import sleep, ctime def sing(): for i in range(3): print("正在唱歌...%d" % i) sleep(1) def dance(): for i in range(3): print("正在跳舞...%d" % i) sleep(1) if __name__ == '

  • 说说@ModelAttribute在父类和子类中的执行顺序

    @ModelAttribute在父类.子类的执行顺序 被 @ModelAttribute 注解的方法会在Controller每个方法执行之前都执行,因此对于一个Controller中包含多个URL的时候,要谨慎使用. 执行顺序: 先执行子类 @ModelAttribute 注解的方法,再执行父类中 @ModelAttribute 注解的方法. @ModelAttribute原理概述以及使用注意点 @ModelAttribute注解修饰的方法: 1.从数据库中取出对象,把对象放到Map中,键为us

  • C#构造函数在基类和父类中的执行顺序

    一.简介 当我们没有在子类构造函数中写上 base(),默认会先调用父类中无参的构造函数,再调用子类.当在有参构造函数后写上base时,只调用子类构造函数中有参的构造函数,隐藏父类无参构造函数. 二.代码案例 父类代码: #region 父类 /// <summary> /// 测试构造函数--需要被构造类 Fu /// </summary> class Fu { private int x;//一个简单的私有字段 /// <summary> /// 构造函数 ///

  • Java中try-catch-finally执行顺序你知道吗

    目录 引言 正文 try块中有return catch块中有return try块和finally块中有return catch块和finally块中有return try块.catch块和finally块中都有return 总结 引言 java异常处理中,try.catch.finally的执行顺序,大家都知道是按顺序执行的,这里我就不废话了.但是当try.catch.finally中加入return之后,就会有几种不同的情况出现,下面分别来说明一下.也可以跳到最后直接看总结. 正文 这里共列

  • 在页面中js获取光标/鼠标的坐标及光标的像素坐标

    近期为网站开发页面统计,以前虽然也开发过,但是功能不是很全,所以这次把一些好功能给用上. 例如这次的,页面JS光标/鼠标坐标,你也许问着有什么用,百度统计中有个热点统计图,这下清楚明白了吧. 好了,上肉: 功能:获取光标的像素坐标 复制代码 代码如下: <html> <head> <script type="text/javascript"> function showPosition(e){ var x,y; var e = e||window.e

  • jQuery中(function(){})()执行顺序的理解

    总体来说,顺序是这样的:先计算第一个小括号,发现里面的表达式是一个函数,返会该匿名函数的引用(指针),最后一个括号则是建立匿名函数的实参和并执行. 示例: 计算两个数之和. JavaScript: 复制代码 代码如下: (function sum(a,b){ //此处也可去掉sum,以匿名函数的形式出现 alert(a+b); })(7,8); C: 复制代码 代码如下: int sum(int a,int b){return a+b;} void main(){ int (*pt)(int,i

  • JavaScript执行顺序详细介绍

    JavaScript执行顺序详细介绍

    之前从JavaScript引擎的解析机制来探索JavaScript的工作原理,下面我们以更形象的示例来说明JavaScript代码在页面中的执行顺序.如果说,JavaScript引擎的工作机制比较深奥是因为它属于底层行为,那么JavaScript代码执行顺序就比较形象了,因为我们可以直观感觉到这种执行顺序,当然JavaScript代码的执行顺序是比较复杂的,所以在深入JavaScript语言之前也有必要对其进行剖析.1.1  按HTML文档流顺序执行JavaScript代码首先,读者应该清楚,H

随机推荐