tags:

views:

45

answers:

3
Q: 

Loading remote JavaScript file in a page

I've a simple page in which in the head I load several remote JavaScript files (I need them and can't have a local copy).

The scripts I load are similar to these:

<script type="text/javascript" src="http://mymachine/donald/script1.js"&gt;&lt;/script&gt;
<script type="text/javascript" src="http://mymachine/donald/script2.js"&gt;&lt;/script&gt;

In the first load of the page I got several error messages regarding objects that are related to these two scripts. So I think the page gets rendered BEFORE the scripts are downloaded and executed. If I try to reload the same page (with the cache loaded with the scripts) I don't get any errors.

However if I try to download each file two times, I don't get any error even if the cache of the browser is clean. I think it is a bad approach but I don't know any alternative.

Is there a tag that permits me to stop the rendering of the page unless the scripts are downloaded? Or an option of the browser? (I don't like this alternative but it could be only one). I need to support only Internet Explorer 7.

I have partially solved using a double loading of the js similar to this one:

but it is correct ?

<script type="text/javascript" src="http://mymachine/donald/script1.js"&gt;&lt;/script&gt;
<script type="text/javascript" src="http://mymachine/donald/script1.js"&gt;&lt;/script&gt;
<script type="text/javascript" src="http://mymachine/donald/script2.js"&gt;&lt;/script&gt;
<script type="text/javascript" src="http://mymachine/donald/script2.js"&gt;&lt;/script&gt;

the libraries are not dependant to each other. In fact if load alternatevly script1 and script2 the errors remains.

A: 

That’s odd, I thought <script> tags in the <head> did block the page until they got downloaded.

Are they the first scripts in your <head> section? They’ll need to at least come before any JavaScript that relies on them.

Paul D. Waite  2010-02-09 19:46:13
Yes, they are the first scripts in my head section
egesuato  2010-02-09 19:52:37
Okay. So the other JavaScript on the page, that relies on these files, is within the `<body>` section?
Paul D. Waite  2010-02-10 05:34:15
A: 

You should try pushing these tags very low on the page just before the </body>. If you only need to support IE7 this may solve the problem you are having.

Nissan Fan  2010-02-09 19:46:14
but there are other javascript files that are using these files.So they have to be the first to be loaded.
egesuato  2010-02-09 21:02:27
Then perhaps you should put them all at the bottom in the order of importance.
Nissan Fan  2010-02-09 22:10:35
A: 

if your are executing the scripts from these files - wait for the load event of the document ...

roman  2010-02-09 19:48:14
I can't touch the rest of the page, only the head section.
egesuato  2010-02-09 19:53:36

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?