JS , CSS ,image HTML DOM的加载过程 以及 总结JS的基本用法
来源:互联网 发布:财新网数据新闻 编辑:程序博客网 时间:2024/06/15 18:35
JS , CSS ,image HTML DOM的加载过程
当浏览器从服务器接收到了HTML文档,并把HTML在内存中转换成DOM树,在转换的过程中如果发现某个节点(node)上引用了CSS或者IMAGE,就会再发1个request去请求CSS或image,然后继续执行下面的转换,而不需要等待request的返回,当request返回后,只需要把返回的内容放入到DOM树中对应的位置就OK。但当引用了JS的时候,浏览器发送1个js request就会一直等待该request的返回。因为浏览器需要1个稳定的DOM树结构,而JS中很有可能有代码直接改变了DOM树结构,比如使用document.write 或 appendChild,甚至是直接使用的location.href进行跳转,浏览器为了防止出现JS修改DOM树,需要重新构建DOM树的情况,所以就会阻塞其他的下载和呈现.
$("img").attr({ src: "test.jpg", alt: "Test Image" }); 为所有图像设置src和alt属性:
$("img").attr("src","test.jpg"); 为所有图像设置src属性:
$("img").attr("src"); 返回文档中第一个图像的src属性值:
$("img").attr("title", function() { return this.src }); 把src属性的值设置为title属性的值:
$("img").removeAttr("src"); 将文档中图像的src属性删除:
------------------------------------------
obj.addClass("chzn-select");
obj.css("width","200px"); css针对于style attr可以是所有属性
$(document).ready(function(){});
onchange("javascript:alert(this.value)");
confirm(""); 选择是否 true/false
prompt("文本","默认值") 代输入框 XXX/null
------------------------------------------
当页面载入时,会执行位于 body 部分的 JavaScript。
当被调用时,位于 head 部分的 JavaScript 才会被执行。
jQuery add方法:追加标签。 jQuery add使用方法: jQuery(‘#demo1′).add(‘#demo2′); 完毕。...
隐藏表单<input type="hidden" id="" value=""/>
当浏览器从服务器接收到了HTML文档,并把HTML在内存中转换成DOM树,在转换的过程中如果发现某个节点(node)上引用了CSS或者IMAGE,就会再发1个request去请求CSS或image,然后继续执行下面的转换,而不需要等待request的返回,当request返回后,只需要把返回的内容放入到DOM树中对应的位置就OK。但当引用了JS的时候,浏览器发送1个js request就会一直等待该request的返回。因为浏览器需要1个稳定的DOM树结构,而JS中很有可能有代码直接改变了DOM树结构,比如使用document.write 或 appendChild,甚至是直接使用的location.href进行跳转,浏览器为了防止出现JS修改DOM树,需要重新构建DOM树的情况,所以就会阻塞其他的下载和呈现.
$("img").attr({ src: "test.jpg", alt: "Test Image" }); 为所有图像设置src和alt属性:
$("img").attr("src","test.jpg"); 为所有图像设置src属性:
$("img").attr("src"); 返回文档中第一个图像的src属性值:
$("img").attr("title", function() { return this.src }); 把src属性的值设置为title属性的值:
$("img").removeAttr("src"); 将文档中图像的src属性删除:
------------------------------------------
obj.addClass("chzn-select");
obj.css("width","200px"); css针对于style attr可以是所有属性
$(document).ready(function(){});
onchange("javascript:alert(this.value)");
confirm(""); 选择是否 true/false
prompt("文本","默认值") 代输入框 XXX/null
------------------------------------------
当页面载入时,会执行位于 body 部分的 JavaScript。
当被调用时,位于 head 部分的 JavaScript 才会被执行。
jQuery add方法:追加标签。 jQuery add使用方法: jQuery(‘#demo1′).add(‘#demo2′); 完毕。...
隐藏表单<input type="hidden" id="" value=""/>
- JS , CSS ,image HTML DOM的加载过程 以及 总结JS的基本用法
- html加载外部css、js的问题
- HTML,javascript,image等加载,DOM解析,js执行生命周期
- 对于HTML页面中CSS, JS, HTML的加载与执行过程的简单分析
- HTML.CSS.JS的基本操作
- JAVAWEB-CSS和JS的基本用法
- 关于html ,css, js 的总结
- js css html和DOM的关系和使用场景
- html\css\js-dom在不同主流浏览器的兼容问题
- JS HTML的DOM对象
- js jquery操作的方面xml dom html dom css dom
- html以及css和js注释的方式以及作用
- HTML CSS JS DOM php
- 【面向JS--DOM加载过程】
- JS中常用的DOM基本操作方法总结
- ios UIWebView 加载本地html,js,css文件的问题
- js -- dom -- js dom html节点的属性方法
- html,css,js实现老虎机游戏以及出现的问题
- 如何获取与清除IE历史记录
- 作业2
- 添加DOS命令(CMD控制台)到文件夹右键菜单
- 设置不同事件View背景颜色
- 文件传输协议(FTP)必将消亡
- JS , CSS ,image HTML DOM的加载过程 以及 总结JS的基本用法
- 嵌入式LINUX系统的程序安装操作步骤
- 修改sql server2008中的sa的登陆密码
- MS-VC 使用MAP文件快速定位程序崩溃代码行
- 逆向学习
- FIBPlus事务
- Directx 向量
- static、extern、volatile的用法
- 升级adt时报错 An error occurred while installing the itemssession context was