文档章节

DOM元素和js代码执行顺序

 等不到天亮_等时光
发布于 2017/04/25 17:49
字数 480
阅读 24
收藏 0

一、DOM元素

(1)元素节点

(2)属性节点

(3)文本节点

只有元素节点才有子节点

1.getElementById(""); //由id属性获取元素节点

2.getElementsByTagName("");//由标签名(<input>,<ur>,<li>等)获取元素节点的集合

3.getElementsByName("");//由name属性获取元素节点的集合

 

二、js代码执行顺序

 

页面最下边的js代码执行     -->    document.ready,或者说$(function)      -->    onload函数执行

 1、JSP中onload,或者jquery的document.ready,或者简写的$(function),是不是就相当于servlet中的初始化init()方法?

    答案肯定是否定的,所有的jsp中的代码都是在service方法中执行的。这个你可以直接看jsp编译后的文件就一目了然了。

 

2、onload和jquery的document.ready到底哪个先执行?

    onload指示页面包含图片等文件在内的所有元素都加载完成。document.ready表示文档结构已经加载完成(不包含图片等非文字媒体文件)。 所以说:document.ready在onload 前加载。

 

3、写在下面的js和document.ready哪个先执行?

    jsp就相当于java,所以执行顺序一样是从上往下,而ready是要在文档结构加载完成的情况下才执行,所以说,下面的js肯定是先执行。那如果把ready也写在下面呢,道理一样,也肯定是下面的js先执行。

 

4、前几天有同事问我,为什么上面的js代码还没执行完,怎么就开始执行下面的代码了;

    我一看,原来他用到了好几个$.post方法,也就是ajax,ajax大家都知道是异步刷新机制,所以他肯定不会去等上面代码执行完,当然如果你功能需要ajax从上往下一步步执行,你可以给全局加个默认不异步的属性$.ajaxSetup({ async:false });

© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 9
码字总数 11995
作品 0
岳阳
程序员
Javascript在网页页面加载时的执行顺序

原文:http://blog.csdn.net/kylinbl/article/details/6160587 操作HTML DOM文档的一个难题是,你的JavaScript代码可能在DOM完全载入之前运行,这会导致你的代码产生一些问题。页面加载时浏览...

樂天
2015/11/20
0
0
细谈在HTML中使用JavaScript

细谈在HTML中使用JavaScript 前言 JavaScript是浏览器的内置脚本语言。当网页中嵌入了JavaScript脚本,浏览器加载网页时,就会执行脚本,从而操作浏览器,实现各种动态效果 JavaScript代码嵌...

幸运券发放
05/25
0
0
Javascript 中js语句执行顺序

如果我们把嵌入在HTML中的<script> js coding </script>看做Js代码块(实际上Js没有代码块的意义一说,如果真要看成代码块那也应该是按函数块来划分)的话,下面就是Js代码执行顺序: 这里转...

learn_more
2014/09/21
0
0
Javascript 异步加载详解

一、同步加载与异步加载的形式 1. 同步加载 我们平时最常使用的就是这种同步加载形式: <script src="http://yourdomain.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后...

Carl_
2014/09/15
0
0
Javascript 异步加载详解

一、同步加载与异步加载的形式 1. 同步加载 我们平时最常使用的就是这种同步加载形式: <script src="http://yourdomain.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后...

张悟空
2014/08/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

xilinx资源

本系列教学视频由赛灵思高级战略应用工程师带领你:从零开始,一步步深入 掌握 HLS 以及 UltraFAST 设计方法,帮助您成为系统设计和算法加速的大拿! http://www.eetrend.com/topics/2018-0...

whoisliang
29分钟前
0
0
=====BJmeter性能测试小接=====

一、性能测试分类 1、负载测试: 通过逐步加压的方法,达到既定的性能阈值的目标,阈值的设定应是小于某个值,如cpu使用率小于等于80% 2、压力测试: 通过逐步加压的方法,使得系统的某些资源...

覃光林
33分钟前
1
0
企业级开源四层负载均衡解决方案--LVS

网盘链接 企业级开源四层负载均衡解决方案--LVS 本课程将在Linux环境下,学习配置使用LVS,对Web集群和MySQL集群进行负载均衡,并结合利用Keepalived实现负载均衡器的高可用,实现对后端Rea...

qq__2304636824
38分钟前
2
0
Windows上安装Spacemacs

emacs安装 下载地址emacs 安装比较简单,解压后执行\bin\addpm.exe即可 emacs配置 emacs的默认配置文件路径和.emacs.d文件夹都是在Windows主目录下的 C:\Users\Administrator\AppData\Roami...

yxmsw2007
54分钟前
0
0
OSChina 周一乱弹 —— 鱼生不值得

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @瘟神灬念:分享新裤子的单曲《没有理想的人不伤心 (Remix版)》: 《没有理想的人不伤心 (Remix版)》- 新裤子 手机党少年们想听歌,请使劲儿戳...

小小编辑
今天
228
9

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部