$(document).ready()如何在IE 8中运行？

在IE 8中运行$(document).ready()，需要使用jQuery库的旧版本，例如jQuery 1.x。因为较新版本的jQuery不再支持IE 8。

以下是如何在IE 8中使用jQuery 1.x的方法：

首先，在网页的<head>部分引入jQuery 1.x库。可以从jQuery官方网站下载，也可以使用CDN。例如：

然后，在<script>标签中编写$(document).ready()函数，如下所示：

  $(document).ready(function() {
    // 在此处编写您的代码
  });
</script>

确保在<head>部分引入jQuery库之后再引入其他的JavaScript文件或库。

请注意，由于IE 8的限制，某些现代的JavaScript特性和功能可能无法在此浏览器上运行。因此，建议在开发过程中充分测试代码以确保兼容性。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云COS：一个用于存储和管理数据的云存储服务，支持多种文件格式和API接口。
腾讯云CLB：一个用于分发和管理流量的负载均衡服务，可以实现负载均衡和故障转移。
腾讯云CDB：一个支持MySQL和MongoDB等多种数据库的云数据库服务，可以实现高可用和自动备份。

这些产品都可以与jQuery一起使用，以提高网站的性能和可靠性。

相关·内容

jquery $(document).ready()与window.onload的区别

$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。...jQuery之前版本语句(如jquery-1.4.3): ready: function( fn ) { //Attach the listeners jQuery.bindReady..., false ); // If IE event model is used } else if ( document.attachEvent ) { // ensure...); // If IE and not a frame // continually check to see if the document is ready...为了确保回调总是运行，jQuery检查文档(reference)的“readyState” 属性，如果属性值变为complete或者interactive，则立即执行回调函数。

1.6K3 1

DOMContentLoaded和window.onload

普通情况下，DOMContentLoaded事件要在window.onload之前运行，当DOM树构建完毕的时候就会运行DOMContentLoaded事件，而window.onload是在页面载入完毕的时候...，才运行。...此代码并不能在IE中工作，一方面是由于我使用的是addEventListener，開始前做了个推断，不存在此方法则不加入此事件。...这样做的原因是IE确实是不支持DOMContentLoaded这个事件的，为了代码的简单。就没为IE写了。...假设你是个jQuery使用者，你可能会常常使用(document).ready();或靠(function(){}) 这是用来DOMContentLoaded大事版权声明：本文博主原创文章。

1.5K5 0

基于Web的商城后台管理系统的设计与实现

可选有JS特效，如定时切换和手动切换图片轮播。页面中有多媒体元素，如gif、视频、音乐，表单技术的使用。页面清爽、美观、大方，不雷同。。...、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。...--[if IE]> window.jQuery || document.write(" if("ontouchend" in document) document.write("<script...( document).ready(function(){ // $("#submit").click(function(){ // // var num=0; // var str="";

1.7K2 0

DOMContentLoaded实现

IE系列直到IE9才支持DOMContentLoaded事件，对于IE8及其之前版本，如果html内没有框架，则可以采用document.documentELement.doScroll来判断是否构建好...) when the document is parsed and ready for manipulation....Once the document is ready and all functions have * been invoked, any functions passed to whenReady(...for(var i = 0; i < funcs.length; i++) funcs[i].call(document); // Now set the ready...) f.call(document); // If already ready, just run it else funcs.push(f); // Otherwise

5774 0

HTML5 CSS3

而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段，并把测试对象限定为主流浏览器（如 IE、Mozilla 等）的前一个版本。　　...如何在 HTML5 页面中嵌入音频?...如何在 HTML5 页面中嵌入视频？...$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。...//这个函数返回whenReady()函数 var funcs = []; //当获得事件时，要运行的函数 var ready = false;

3.4K4 0

jQuery框架安装及jQuery特点介绍

由于jQuery在2.x版本以后就不再支持1E6/7/8浏览器，可以使用IE浏览器通过访问地址下载。如果需要下载其他版本的jQuery，只需要更改上述地址中的版本号，并使用IE浏览器即可快速下载。...这里还可以简写成 (document).ready(function(){……})表示页面加载完成后执行匿名函数function()，相当于JavaScript中的windows.onload...这里还可以简写成(document).ready(function()……)表示页面加载完成后执行匿名函数function()，相当于JavaScript中的windows.onload函数。...本质上是一个函数，该函数根据其参数的不同可以实现不同的功能，如作为选择器使用、作为功能函数的前缀、创建页面的DOM节点等。...此外，还可以使用jQuery代替，例如，例如，例如(document)可以写成jQuery(document)。$实际上是jQuery的简写形式。

1.1K1 0

jQuery来源学习笔记：扩展的实用功能

document.body ) { return setTimeout( jQuery.ready, 1 ); } // Remember...jQuery( document ).trigger( "ready" ).unbind( "ready" ); } } }, // 初始化readyList..._Deferred(); // Catch cases where $(document).ready() is called after the // browser event..., false ); // If IE event model is used } else if ( document.attachEvent ) {...); // If IE and not a frame // continually check to see if the document is ready

5613 0

前端知识普及之页面加载

接下来我们要做的最后一件事，就是看看jquery老大哥，他的ready事件的原理到底是什么. jquery ready事件浅析 jquery主要做的工作就是兼容IE6,7,8实现DOMContentLoaded...详见:readyState兼容性分析这样，我们模拟jquery的ready事件时就可以使用: document.onreadystatechange = function () { if (document.readyState...我们来看一下jquery中实现doScroll的兼容: //低版本的IE浏览器，这里添加监听作为向下兼容，如果doScroll执行出现bug，也能保证ready函数的执行 document.attachEvent...//在ready里面会对执行做判断，确保只执行一次 var top = false; // 如果是IE且不是iframe就通过不停的检查doScroll来判断dom结构是否ready...(document, [jQuery]); if (jQuery.fn.trigger) { //解除引用 jQuery(document).trigger("ready

1.6K9 0

程序员Web面试之jQuery

它是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。...HTML元素，并赋值 $("#Text1").val("Hello"); 选择Class为Text1dHTML元素，并赋值 $(".Text1").val("Hello"); 在jQuery中，如何使用document.ready...一次完整的HTML DOM加载完成，会触发HTML的“document.ready”事件,而要通过JQuery访问HTML元素，则需要页面的HTML元素加载完成。...元素，例子如下： $(document).ready(function(){ $("#text1").val("Sometext");...}); 同一个页面中，能否加载多个个document.ready事件？

2.6K10 0

项目中遇到的bug（web前端-持续更新）

input放在a标签里面单击不能获取input的光标（IE环境下）双击才可以获得焦点，目前有的解决方案：不要给a标签添加href属性；不要在外面套上a标签。..., false ); // If IE event model is used } else if ( document.attachEvent ) {...); // If IE and not a frame // continually check to see if the document is ready...", DOMContentLoaded, false ); jQuery.ready(); }; } else if ( document.attachEvent...) { return; } try { // If IE is used, use the

9772 0

onload 和 domready

事件熟悉 jQuery的人，都知道 DomReady 事件 $(document).ready(function(){ alert("jQuery 的 DOM 准备完毕，资源还没加载完"); }...所以目前所有的 hack 方法都是为了让 IE6,7,8支持 DOM Ready 事件下面代码可以发现 jQuery 的 ready 事件稍微早于 DOMContentLoaded 事件，但都是实现了...准备完毕，资源还没加载完"); }, false); // jQuery 的 domready $(document).ready(function(){ alert("jQuery 的 DOM...){ alert("图片 id 为 imgID 加载完毕"); } Dom Ready 和 Dom Load 两者的区别 1、Dom Ready 是在 dom 加载完成后就可以直接对 dom 进行操作... 是否等于 complete 或 loaded document.onreadystatechange = function () { if (document.readyState === 'complete

2.7K2 0

配合JQuery练习

/jquery /jquery-1.4.min.js"> $(document).ready(function.../jquery /jquery-1.4.min.js"> $(document).ready(function(){.../jquery /jquery-1.4.min.js"> $(document).ready(function.../jquery /jquery-1.4.min.js"> $(document).ready(function(){... $(document).ready(function(){ $(".flip").click

8853 0

【前端】：async、defer、onload、DOMContentLoaded

DOCTYPE html> Title <meta http-equiv="x-ua-compatible" content="IE...行为模拟：在IE8中,可以使用readystatechange事件来检测DOM文档是否加载完毕.在更早的IE版本中,可以通过每隔一段时间执行一次document.documentElement.doScroll...when the DOM is ready. // All of the following syntaxes are equivalent: $( handler ) $( document ).ready...( handler ) $( "document" ).ready( handler ) $( "img" ).ready( handler ) $().ready( handler ) 源码摘录：...参考： jQuery .ready() API： https://api.jquery.com/ready/ DOMContentLoaded： https://developer.mozilla.org

1.9K2 0

zepto的ready方法

zepto中的ready函数是作为$.fn的一个方法，即作为一个zepto对象的方法 readyRE = /complete|loaded|interactive/; ready: function(callback...){ // need to check if document.body exists for IE as that browser reports // document ready...) return this }, ready返回的是this,即调用ready的自身对象。...假如我们采用的是这样的语句： ready: function(callback){ // need to check if document.body exists for IE as that...browser reports // document ready when it hasn't yet created the body element if (readyRE.test

1.2K2 0

一、初识jQuery

版本选择 1.x：兼容ie678，但相对其它版本文件较大，官方只做BUG维护，功能不再新增，最终版本：1.12.4 (2016年5月20日). 2.x：不兼容ie678，相对1.x文件较小，官方只做BUG...维护，功能不再新增，最终版本：2.2.4 (2016年5月20日) 3.x：不兼容ie678，只支持最新的浏览器，很多老的jQuery插件不支持这个版本，相对1.x文件较小，提供不包含Ajax/动画API...).ready(function () { // 1....).ready(function () { alert('hello tzk1') }); $(document).ready(function () { alert('hello tzk2...第一种写法 $(document).ready(function () { alert('hello tzk') }); // 第二种写法 jQuery(document).ready(function

5252 0

如何动态加载js？

{return document.getElementsByTagName(element)}, ce:function(element){return document.createElement...= callback; s.src = url; loadscript.tag('head')[0].appendChild(s); function ready...遇到新问题：但是没过多久就遇到了问题，在IE10里面，树、分页、表格等，都会多出来好几份？把IE10设置为兼容IE7的模式，就一切正常。看了是IE10的新特性照成的。那么到底是怎么回事呢？...) { return document.getElementsByTagName(element); }, ce: function(element) { return document.createElement...('head')[0].appendChild(s); function ready() { /*IE7.0/IE10.0*/ if (s.readyState

12.8K5 0

看不完的那种！前端170面试题+答案学习整理（良心制作）

27.如何用原生JavaScript实现jquery的ready方法 $(document).ready()在dom绘制完毕后就执行，而不必等到页面加载完毕。...; i++){ // 在document作用域下执行回调函数，并传递事件对象 fnList[i].call(document,e) } // 执行完毕，切换ready状态 ready =...40.jQuery中的美元符号 $(document).ready(function(){ //... }); jQuery(document).ready(function(){ //... })...$(document).ready()是什么函数 ready()函数用于在文档进入ready状态时执行代码。...当dom完全加载时，jquery允许你执行代码，使用$(document).ready()最大的好处在于它适用于所有浏览器，jQuery有助于解决跨浏览器兼容性问题。

11.5K5 0

JQuery基础

jQuery兼容所有主流浏览器，包括IE6（不失为解决兼容性的一种方法）。注意： jQuery 2以上版本不支持IE6,7,8浏览器； IE版本小于9，引入jquery1.9.0版本；IE版本大于等于9，引入jquery2.0版本。　　...jQuery中将动作/方法链接在一起，因此，在相同元素上，我们可以在一条语句上运行多个jQuery方法。...释放$，使用jQuery替代： $.noConflict(); jQuery(document).ready(function(){ //some code }) $.noConflict()返回的引用...如： var jq=$.noConflict(); jq(document).ready(function(){ //some code }) 　　当然，关于jQuery还有许多插件，比如验证表单

4.6K5 1

每个程序员都会的 35 个 jQuery 小技巧

禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false...预加载图片如果你的页面中使用了很多不可见的图片（如：hover 显示），你可能需要预加载它们： $.preloadImages = function () { for (var i = 0; i...$(document).ready(function() { if ($('#id').html()) { // do something } }); 替换元素 $(document)....).ready(function() { $("p").size(); }); 使用自己的 Bullets $(document).ready(function() { $("ul").addClass...).ready(function() { jQuery.fx.off = true; }); 与其他Javascript类库冲突解决方案 $(document).ready(function()

4.4K1 0

收集的35个 jQuery 小技巧代码片段，可以帮你快速开发.

禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return...browser.camino){ // do something } // Target Opera if( $.browser.opera){ // do something } // Target IE6...below if ($.browser.msie && $.browser.version <= 6 ){ // do something } // Target anything above IE6...-- Create an anchor tag -->Back to top 12.预加载图片如果你的页面中使用了很多不可见的图片（如：hover...统计元素个数 $(document).ready(function() { $("p").size(); }); 32.

5.4K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云