Using jQuery / javascript How to check if JS file ( SP.JS) is already called in a page?

Question

I want to check if a particular JS file is already loaded in document.ready.

Something like this:

if(file already called/loaded) { // my code }
else {//some other code}

The JS File is not any plugin.

Its basically a JS file related to SharePoint like Sp.JS.

We just know the file name.

[Update - Added the code ]

I have added the below code and it throws an error in console : SP.Runtime.js is already loaded.

If I remove the loading of SP.Runtime.js my code doesnt work in some pages where Runtime.Js is not loaded by default.

$(document).ready(function() {
    var scriptbase = _spPageContextInfo.webServerRelativeUrl + "/_layouts/15/";
    $.getScript(scriptbase + "init.js",
    function() {
        $.getScript(scriptbase + "SP.Runtime.js",
        function() {
            $.getScript(scriptbase + "SP.js",
            function() {
                    $.getScript(scriptbase + "SP.Taxonomy.js",
                    function() {
                        context = SP.ClientContext.get_current();
                       // My custom function //

                    });
            });
    });
    });
});

Please suggest.

Thanks

I can't belive this question has not an answer yet, even though the SharePoint JavaScript libraries dont need to be forced to load, the only requirement is to load the code at the right moment as stated in both answers below. I think a moderator should take a look at this. — Isaac E. Krauss
– Isaac E. Krauss, Commented Nov 15, 2016 at 18:14

Vadim Gremyachev · Accepted Answer · 2015-04-22 11:33:36Z

5

SharePoint JavaScript Library, in particular SP.SOD namespace contains methods for loading/ensuring JavaScript files.

SP.SOD.executeOrDelayUntilScriptLoaded - executes the specified function if the file containing it is loaded, for example:
```
ExecuteOrDelayUntilScriptLoaded(myfunc, "SP.js");

function myfunc()
{
}
```
In that case myfunc will be invoked after sp.js file is loaded
SP.SOD.executeFunc - ensures that the specified file that contains the specified function is loaded and then runs the specified callback function, for example:
```
SP.SOD.executeFunc('sp.js', 'SP.ClientContext', 
 function (){
     //your code goes here...
 });
```
The behavior is similar to previous example but the main difference that this function also supports load on demand scripts.

answered Apr 22, 2015 at 11:33

Vadim Gremyachev

59.6k21 gold badges139 silver badges205 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user2598808 Over a year ago

Thanks for the response Vadim. I have modified the code based on your suggestions. I am still getting an error. That is what am trying to fix. To check if SP.Runtime.Js is already loaded and load it based on that. Any suggestions? Thank You.

Community · Accepted Answer · 2017-05-23 12:30:23Z

4

If you only need to ensure that specific native JS files of SharePoint are loaded before executing your code then Vadim's answer is all what you need, however if you require to ensure the loading of all page elements including all JS files then you should use window.onload.

Please take a look at this page where people discuss about the differences between windows.onload and $(document).ready().

window.onload vs $(document).ready()

UPDATE: In case you are using your code in any page within SharePoint then you don't need to force the loading of native JS files, you only need to execute your code at the right moment of the page load process. Try using $(window).load or window.onload instead of $(document).ready, by example:

$(window).load(function(){ SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function (){ context = SP.ClientContext.get_current(); //your code goes here... }); });

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered Apr 22, 2015 at 21:18

Isaac E. Krauss

3801 silver badge10 bronze badges

2 Comments

user2598808 Over a year ago

Thanks for the response Issac. I have modified the code based on your suggestions. I have updated my question with the latest code. I am still getting an error. Any suggestions? Thank You.

JS Ares Over a year ago

Thanks, this really helped me out! in IE, it was working just fine with (document).ready but not with Chrome. (window).load fixed this problem :)

Collectives™ on Stack Overflow

Using jQuery / javascript How to check if JS file ( SP.JS) is already called in a page?

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related