javascript - document.readyState not working in Firefox and Chrome - Stack Overflow

admin管理员组

文章数量:1344547

In my application, I am calling a method for every 1000ms to check the document readyState. Following is the code which I am using:

var success=setInterval(""CheckState()"",1000);

function CheckState(){

if($get('businessDownl').document.readyState=="interactive" || 
      $get('businessDownl').document.readyState=="plete"){
           alert("Great");
           clearInterval(success);
  } 
}

This code works fine in IE browser, but fails in Firefox and Chrome browsers. I tried using $get('businessDownl').readyState also, it is printing as undefined. Can anybody tell me how to use the readyState for Firefox and Chrome in the above scenario?

In my application, I am calling a method for every 1000ms to check the document readyState. Following is the code which I am using:

var success=setInterval(""CheckState()"",1000);

function CheckState(){

if($get('businessDownl').document.readyState=="interactive" || 
      $get('businessDownl').document.readyState=="plete"){
           alert("Great");
           clearInterval(success);
  } 
}

This code works fine in IE browser, but fails in Firefox and Chrome browsers. I tried using $get('businessDownl').readyState also, it is printing as undefined. Can anybody tell me how to use the readyState for Firefox and Chrome in the above scenario?

• javascript
• dom-events
• document
• document-ready

Share Improve this question Follow edited Aug 25, 2021 at 21:10 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked May 22, 2013 at 10:19 CyrilCyril 1,24633 gold badges1919 silver badges4141 bronze badges 8

• What is $get('businessDownl') supposed to return ? – gkalpak Commented May 22, 2013 at 10:23
• Am creating an ifram. var businessDownl= document.createElement(""iframe""); – Cyril Commented May 22, 2013 at 10:27
• why do you need ""CheckState()"" ? two sets of opening and closing quotes ? – Harsha Venkataramu Commented May 22, 2013 at 10:27
• is the source of the this iFrame on the same domain as your webpage ? – gkalpak Commented May 22, 2013 at 10:28
• @harsha. Actually I Copied the Javascript from vb. So pls Ignore that. The code works fine in IE. It strucks only when it is checking the document.readyState – Cyril Commented May 22, 2013 at 10:28

 |  Show 3 more ments

2 Answers 2

Sorted by: Reset to default 6

NOTE: In order to be able to access the document of an iframe and thus it's readyState, you need to have access to the domain in the iframe (regadless of the use of jQuery).
For more info, take a look here.

---

You could do it using the iframe's contentWindow property (no jQuery required).
Note that, in order to access the iframe's document, you have to add the element to the DOM first (e.g. using window.document.appendChild()).

Sample code:

var businessDownl = document.createElement('iframe');
document.body.appendChild(businessDownl);
...
var state = businessDownl.contentWindow.document.readyState;

See, also, this short demo.
[Tested on latest versions of Firefox and Chrome.]

(Notice that, because the iframe loads quickly, sometimes you see only "pleted", sometimes "loading" and "pleted" - once I was even lucky enough to see "uninitialized" too :D).

If you just want to wait until the document is ready there is no need to keep checking - you can listen for the event:

var whenReady = function(callback) {
  if (document.readyState === 'plete') callback(); // check not already loaded prior to this function being called
  else if (document.addEventListener) document.addEventListener('DOMContentLoaded', callback); // for standards pliant browsers (including IE 9+)
  else if (document.attachEvent) document.attachEvent('onreadystatechange', callback); // for IE 8
};

whenReady(alert('loaded'));

The only downside of this technique is that it only supports IE 8 and later. Libraries such as JQuery offer better legacy browser support and a cleaner syntax:

$(function() {
  // anything here will execute once the dom is ready
});

本文标签： javascriptdocumentreadyState not working in Firefox and ChromeStack Overflow