Js head Append script

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}

While appending a script tag programmatically after the head element,

head.appendChild(script_elm);

within this above script element, i am defining a variable. If i want to access the variable which is defining within the script tag, it does not work immediately after the head append. Why?

edited Jan 3 at 13:11

Deepak Keynes

82221333

asked Jan 3 at 12:03

MasterOfDesaster

1136

If you are loading an external JavaScript file you must wait it to be fully loaded before accessing to variables.

– DanieleAlessandra
Jan 3 at 12:07

Possible duplicate of Call javascript function after script is loaded

– Daut
Jan 3 at 12:23

add a comment |

While appending a script tag programmatically after the head element,

head.appendChild(script_elm);

within this above script element, i am defining a variable. If i want to access the variable which is defining within the script tag, it does not work immediately after the head append. Why?

edited Jan 3 at 13:11

Deepak Keynes

82221333

asked Jan 3 at 12:03

MasterOfDesaster

1136

If you are loading an external JavaScript file you must wait it to be fully loaded before accessing to variables.

– DanieleAlessandra
Jan 3 at 12:07

Possible duplicate of Call javascript function after script is loaded

– Daut
Jan 3 at 12:23

add a comment |

While appending a script tag programmatically after the head element,

head.appendChild(script_elm);

within this above script element, i am defining a variable. If i want to access the variable which is defining within the script tag, it does not work immediately after the head append. Why?

edited Jan 3 at 13:11

Deepak Keynes

82221333

asked Jan 3 at 12:03

MasterOfDesaster

1136

While appending a script tag programmatically after the head element,

head.appendChild(script_elm);

within this above script element, i am defining a variable. If i want to access the variable which is defining within the script tag, it does not work immediately after the head append. Why?

javascript html

edited Jan 3 at 13:11

Deepak Keynes

82221333

asked Jan 3 at 12:03

MasterOfDesaster

1136

edited Jan 3 at 13:11

Deepak Keynes

82221333

asked Jan 3 at 12:03

MasterOfDesaster

1136

edited Jan 3 at 13:11

Deepak Keynes

82221333

edited Jan 3 at 13:11

Deepak Keynes

82221333

edited Jan 3 at 13:11

Deepak Keynes

82221333

asked Jan 3 at 12:03

MasterOfDesaster

1136

asked Jan 3 at 12:03

MasterOfDesaster

1136

asked Jan 3 at 12:03

MasterOfDesaster

1136

If you are loading an external JavaScript file you must wait it to be fully loaded before accessing to variables.

– DanieleAlessandra
Jan 3 at 12:07

Possible duplicate of Call javascript function after script is loaded

– Daut
Jan 3 at 12:23

add a comment |

If you are loading an external JavaScript file you must wait it to be fully loaded before accessing to variables.

– DanieleAlessandra
Jan 3 at 12:07

Possible duplicate of Call javascript function after script is loaded

– Daut
Jan 3 at 12:23

If you are loading an external JavaScript file you must wait it to be fully loaded before accessing to variables.

– DanieleAlessandra
Jan 3 at 12:07

Possible duplicate of Call javascript function after script is loaded

– Daut
Jan 3 at 12:23

add a comment |

2 Answers
2

active

oldest

votes

You need to wait for the script to be loaded. as @DanieleAlessandra comments

 script_elem.onload = function() {

      // some code

    };

see this question

Call javascript function after script is loaded

edited Jan 3 at 12:21

answered Jan 3 at 12:14

sferret

336213

Wow, didnt thought it would be this simple, thanks

– MasterOfDesaster
Jan 3 at 12:25

Personally I would never "wait" for a single piece of script to load a single variable. I would suggest either using an ajax call to request the variable, or use a serversided preprocessor (like PHP) or simply include the script in the head and wait for the DOMContentLoaded event.

– BRO_THOM
Jan 3 at 13:18

add a comment |

Be sure to make access to that variable available through your script.
For example, external-script.js

window.externalScript = function () {



    const yourVariable = //do some magic here;

    this.scriptVariable = yourVariable;

    // your code

}

Then you can use this variable in your onload function like so:

script_elem.onload = () => {

    if (window.externalScript &&

        window.externalScript().scriptVariable) {

        //do whatever you want to do with your script variable.

    }

}

answered Jan 3 at 13:14

darth-coder

17713

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54021933%2fjs-head-append-script%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

You need to wait for the script to be loaded. as @DanieleAlessandra comments

 script_elem.onload = function() {

      // some code

    };

see this question

Call javascript function after script is loaded

edited Jan 3 at 12:21

answered Jan 3 at 12:14

sferret

336213

Wow, didnt thought it would be this simple, thanks

– MasterOfDesaster
Jan 3 at 12:25

Personally I would never "wait" for a single piece of script to load a single variable. I would suggest either using an ajax call to request the variable, or use a serversided preprocessor (like PHP) or simply include the script in the head and wait for the DOMContentLoaded event.

– BRO_THOM
Jan 3 at 13:18

add a comment |

You need to wait for the script to be loaded. as @DanieleAlessandra comments

 script_elem.onload = function() {

      // some code

    };

see this question

Call javascript function after script is loaded

edited Jan 3 at 12:21

answered Jan 3 at 12:14

sferret

336213

Wow, didnt thought it would be this simple, thanks

– MasterOfDesaster
Jan 3 at 12:25

Personally I would never "wait" for a single piece of script to load a single variable. I would suggest either using an ajax call to request the variable, or use a serversided preprocessor (like PHP) or simply include the script in the head and wait for the DOMContentLoaded event.

– BRO_THOM
Jan 3 at 13:18

add a comment |

You need to wait for the script to be loaded. as @DanieleAlessandra comments

 script_elem.onload = function() {

      // some code

    };

see this question

Call javascript function after script is loaded

edited Jan 3 at 12:21

answered Jan 3 at 12:14

sferret

336213

You need to wait for the script to be loaded. as @DanieleAlessandra comments

 script_elem.onload = function() {

      // some code

    };

see this question

Call javascript function after script is loaded

edited Jan 3 at 12:21

answered Jan 3 at 12:14

sferret

336213

edited Jan 3 at 12:21

answered Jan 3 at 12:14

sferret

336213

answered Jan 3 at 12:14

sferret

336213

answered Jan 3 at 12:14

sferret

336213

Wow, didnt thought it would be this simple, thanks

– MasterOfDesaster
Jan 3 at 12:25

Personally I would never "wait" for a single piece of script to load a single variable. I would suggest either using an ajax call to request the variable, or use a serversided preprocessor (like PHP) or simply include the script in the head and wait for the DOMContentLoaded event.

– BRO_THOM
Jan 3 at 13:18

add a comment |

Wow, didnt thought it would be this simple, thanks

– MasterOfDesaster
Jan 3 at 12:25

Personally I would never "wait" for a single piece of script to load a single variable. I would suggest either using an ajax call to request the variable, or use a serversided preprocessor (like PHP) or simply include the script in the head and wait for the DOMContentLoaded event.

– BRO_THOM
Jan 3 at 13:18

Wow, didnt thought it would be this simple, thanks

– MasterOfDesaster
Jan 3 at 12:25

Personally I would never "wait" for a single piece of script to load a single variable. I would suggest either using an ajax call to request the variable, or use a serversided preprocessor (like PHP) or simply include the script in the head and wait for the DOMContentLoaded event.

– BRO_THOM
Jan 3 at 13:18

add a comment |

Be sure to make access to that variable available through your script.
For example, external-script.js

window.externalScript = function () {



    const yourVariable = //do some magic here;

    this.scriptVariable = yourVariable;

    // your code

}

Then you can use this variable in your onload function like so:

script_elem.onload = () => {

    if (window.externalScript &&

        window.externalScript().scriptVariable) {

        //do whatever you want to do with your script variable.

    }

}

answered Jan 3 at 13:14

darth-coder

17713

add a comment |

Be sure to make access to that variable available through your script.
For example, external-script.js

window.externalScript = function () {



    const yourVariable = //do some magic here;

    this.scriptVariable = yourVariable;

    // your code

}

Then you can use this variable in your onload function like so:

script_elem.onload = () => {

    if (window.externalScript &&

        window.externalScript().scriptVariable) {

        //do whatever you want to do with your script variable.

    }

}

answered Jan 3 at 13:14

darth-coder

17713

add a comment |

Be sure to make access to that variable available through your script.
For example, external-script.js

window.externalScript = function () {



    const yourVariable = //do some magic here;

    this.scriptVariable = yourVariable;

    // your code

}

Then you can use this variable in your onload function like so:

script_elem.onload = () => {

    if (window.externalScript &&

        window.externalScript().scriptVariable) {

        //do whatever you want to do with your script variable.

    }

}

answered Jan 3 at 13:14

darth-coder

17713

Be sure to make access to that variable available through your script.
For example, external-script.js

window.externalScript = function () {



    const yourVariable = //do some magic here;

    this.scriptVariable = yourVariable;

    // your code

}

Then you can use this variable in your onload function like so:

script_elem.onload = () => {

    if (window.externalScript &&

        window.externalScript().scriptVariable) {

        //do whatever you want to do with your script variable.

    }

}

answered Jan 3 at 13:14

darth-coder

17713

answered Jan 3 at 13:14

darth-coder

17713

answered Jan 3 at 13:14

darth-coder

17713

answered Jan 3 at 13:14

darth-coder

17713

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

Search This Blog

Ufyukyu