答案： 页面加载完成有两种事件 1.load是当页面所有资源全部加载完成后（包括DOM文档树，css文件，js文件，图片资源等），执行一个函数 问题：如果图片资源较多，加载时间较长，onload后等待执行的函数需要等待较长时间...$(document).ready()是当DOM文档树加载完成后执行一个函数 （不包含图片，css等）所以会比load较快执行 在原生的js中不包括ready()这个方法，只有load方法也就是onload
引言 在写前端的时候经常用到js或jquery语法，有时候傻傻分不清，现在将学习过程中遇到的总结一下。 ...$(document).on('click','要选择的元素',function(){})的使用 on方法包含很多事件，点击，双击等等事件。...和$().click()的用法一样，最大的区别即优点是如果动态创建的元素在该选择器选中范围内是能触发回调函数。...更适合列表类型的，绑定到document DOM节点上。 $().delegate()是更精确的小范围的使用事件代理。 $().on()结合了这三个方法的优势摒弃了劣势。 ...阻止事件冒泡和事件委托的方法： A：return false。 在事件的处理中，可以阻止默认事件和冒泡事件。
Dcoment表示文档，这里的文档可以是HTML文档，也可以是XML文档，换句话说Document类型能表示HTML和XML等文档； HTMLDocument对象继承自Document对象，专用于表示HTML...文档； document对象是HTMLDocument对象的一个实例，表示整个HTML页面，又叫做页面的根节点； Document对象（根节点）的特征： console.log(document.nodeType...); console.log(document.nodeName); console.log(document.nodeValue); console.log...(document.parentNode); console.log(document.ownerDocument); console.log(document.childNodes
1、javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别 这个问题是我在整合新的美工页面的时候发现的...唯一的解释就是js的问题了。用火狐firebug测试，发现其中一个取得页面高度的变量 bodyHeight 一直是0。就是因为他是0，所以菜单才显示不出来。...document.documentElement.clientHeight = 0px 可以看出，document.body.clientHeight 和 document.documentElement.clientHeight...的区别。...和css样式的时候路径时而大写，时而小写。
、 document.getElementById 可以查询纯数字的id dom.querySelector document.querySelectorAll(’[id=“111”]’)
//文件修改日期，只读属性 document.fileSize //文件大小，只读属性 document.cookie //设置和读出...-主体子对象 document.body //指定文档主体的开始和结束等价于 document.body.bgColor //设置或获取对象后面的背景颜色...document.body.vlink //已点击过的链接颜色 document.body.text //文本色 document.body.innerText...//页面上边距 document.body.leftMargin //页面左边距 document.body.rightMargin //页面右边距 document.body.bottomMargin...//document.images.name属性 —————————- c)引用图片的src属性 document.images.oImage.src //document.images.name
window.onload 是DOM中的标准事件，而$(document).ready() 是jQuery中的事件。....） ---- The ready event occurs after the HTML document has been loaded, while the onload event occurs...当HTML document 载入完毕后，ready 事件发生。但是，onload 事件发生的比ready 更晚。...---- The purpose of the ready event is that it should occur as early as possible after the document...ready 事件的目的是：在document 装载完成之后，ready 事件应该尽可能早的发生。以便于给elements 添加功能，而不用等所有的content 都装载完成。 ---- ...
window和document 都是网页中的JavaScript对象。...window对象：就是这个浏览器的窗口，可以通过window获取宽度、高度、网页跳转 document对象：可以通过函数获取网页中标签，然后通过js操作标签 代码实战 新建 html 文件 20-window.html...window.location.reload();//页面刷新 } function getMyName(){ let myname = document.getElementById...value alert(myname) } function openLight(){ document.getElementById
js中==和===区别 简单来说： == 代表相同， ===代表严格相同, 为啥这么说呢， 这么理解： 当进行双等号比较时候： 先检查两个操作数数据类型，如果相同， 则进行===比较， 如果不同， 则愿意为你进行一次类型转换
window.onload = function() { var div1 = document.getElementsByTagName
区别 document.getElementBy... 获取的是动态集合；document.querySelector 获取的是静态集合 document.getElementBy......系列接收的参数只能是单一的className、tagName 和 name；而document.querySelectorAll 方法接收的参数是一个 CSS 选择符 2....用法 1. document.getElementBy......document.getElementsByTagName('p'); document.getElementById('p1'); document.getElementsByClassName('text...document.querySelectorAll('.text'）； // 方法返回类名为text的所有元素 。
1.执行时间不同：从字面的意思上理解，$(document).ready()就是文档准备好了。...与前者的区别是dom树虽然已经建立起来了，但页面不一定加载完毕，如一些大的图片等，加载完成就需要一定的时间；但是页面加载完毕后，dom肯定也就建立起来了；但是有些文字或者图片链接等需要在文档加载完毕前，...dom树建立后就进行的，这时就要用到$(document).ready()了。...代码中出现一次，如果有多个$(window).load()，那么只有最后一个$(window).load()里面的函数或者代码才会执行，之前的$(window).load()都将被覆盖; Js代码... $(document).ready(function(){ alert("test1");//这段代码会被执行 }); $(document).ready(function
这次就继续介绍后两种，location和document对象。 Location Location 对象包含有关当前 URL 的信息。...location对象的常用属性 hash 设置或返回从#开始的URL host 设置或返回主机名和当前URL的端口号 hostname...Document 每个载入浏览器的HTML 文档都会成为Document对象。Document 对象使我们可以从脚本中对HTML页面中的所有元素进行访问。...Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问 1.document对象的常用属性 cookie 设置或返回当前文档有关的所有cookie...title 返回当前文档的标题 URL 返回当前文档的URL 2.document对象的常用方法 2.1 close()方法 close() 方法可关闭一个由document.open
在jquery中，则使用$(document).ready()方法。下面介绍一下两者的区别。...window.onload() $(document).ready() 执行时机 在页面所有元素（包括图片，引用文件）加载完后执行。...window.onload=function(){ alert("A"); } window.onload=function(){ alert("B"); } 结果会执行“B” 如果想要顺序执行alert("A")和alert...("B")需写成 window.onload=function(){ alert("A"); alert("B"); } 可以同时写多个 简写 无 $(document).ready(function(...){ //to do; })； 可写成 $().ready(function(){ //$()不带参数默认是document //to do; });或 $(function(){ //to
[ ] 和 { } 的 valueOf() 都返回对象自身，所以都会调用 toString()，最后的结果是字符串串接。...{ }+[ ]：看上去应该和上面一样。 但是{ }除了表示一个对象之外，也可以表示一个空的bock。
一、本质上的区别 1.JavaScript 是通过标签插入到HTML页面，可由所有的现代浏览器执行的一种轻量级的编程语言。 2.JQuery是一个JavaScript函数库。...，而jQuery是一个基于js编写的框架； jquery就是基于JavaScript语言写出来的一个框架,实质上还是js而已 So: 1.jQuery 是一个 JavaScript 库； 2.jQuery...分别加载DOM JavaScript只会执行一次，而jQuery会执行多次 ⑵使用JavaScript和jQuery获取ID JavaScript： document.getElementById...(‘idName’) JQuery： $(’#idName’) ⑶使用JavaScript和jQuery获取class JavaScript没有默认的获取class的方法 JQuery： $(...举个简单的栗子：获取元素的值 Javascript代码 document.getElementById(‘elementid').value 使用jQuery： Jquery代码 $(‘#elementid
它们是==和===。 它们大致是相同的，但是两者之间有很大的区别。 将检查两个值是否相等。如果它们是对象，则对象必须具有相同的类型。...特别地，我们有值类型(Boolean、null、undefined、String和Number)和引用类型(Array、Object、Function)。...它有较少的缺点和边缘情况。 对于!=和!==也是一样的，它们执行相同的操作，但是判断是是否不相等了。
typeof一般是用来判断简单数据类型的，对一个值使用 typeof 操作符会返回下列字符串之一：
马克-to-win：$(function() 与“$(document).ready(function(){})”是一样的，（二者都存在时，谁在前面谁先执行。）...只不过头者是简写， 二者都是document加载完就执行，不过不包括图片或视频。这一点与window.onload不一样。...experiment support） 例 1.2_b: $(document).ready(function(){ alert("$(document).ready
==：运算符称作相等，用来检测两个操作数是否相等，这里复的相等定义的非常宽松，可以允许进行类型转换 ===：用来检测两个操作数是否严格相等 1、对于string,number等基础类型制，==和===是有区别的...不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结百果就是不等 同类型比较，直接进行“值”比较，两者结果一样 2、对于Array,Object等高级类型，==和=...==是没有区度别的 3、基础类型与高级类型，==和===是有区别的 对于==，将高级转化为基础类型，进行“值”比较，因为类型不同，===结果为false ---- 版权属于：dingzhenhua 本文链接
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
