How to set javascript file for diff browsers

[bgalan]

Hi,

I have 2 javascript file : IE.js and FF.js
If the browser is IE i want to use the IE.js file.
or if the browser is Firefox ill use the FF.js
the functions on IE and FF are the same but different in some codes not supported by either browser.

how can i do this in my html page?

for example

IF browser = IE
<script src="IE.js" type="text/javascript" />
ELSE
<script src="FF.js" type="text/javascript"/>

Thanks,[email removed]

[mrhoo]

You could load a small script from a src in the head of the document,
whose only job is to load the correct script:

(function(){
    var url;
    if(document.addEventListener)url= 'fs.js'
    else if(document.attachEvent) url= 'ie.js';
    if(url){
        var el= document.createElement('script');
        el.type= 'text/javascript';
        el.src= url;
        document.getElementsByTagName('head')[0].appendChild(el);
    }
})()

This syntax in a remote script called from the head will add the new script before the body is displayed.
You could easily call it onload instead, if you want the page up as quickly as possible.

[rnd me]

<!--[if IE]><script src="ie.js"></script>    <![endif]-->
 
<![if !IE]><script src="ff.js"></script>    <![endif]>
 

[acoder]

<!--[if IE]><script src="ie.js"></script>    <![endif]-->
 
<![if !IE]><script src="ff.js"></script>    <![endif]>
 

Yep, conditional comments.

To the OP: you should consider if you could combine the two, though sometimes it's not possible. Have you thought about other browsers too?