{"id":27339,"date":"2022-12-23T20:12:34","date_gmt":"2022-12-23T14:42:34","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/"},"modified":"2022-12-23T20:12:34","modified_gmt":"2022-12-23T14:42:34","slug":"solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/","title":{"rendered":"[Solved] position of a script tag is influencing the code execution [duplicate]"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

Scripts should always be loaded at last and at the bottom of the body so they can access the DOM and the elements.<\/p>\n

You can wrap this around your code, so it is executed when eversthing is loaded<\/p>\n

document.addEventListener(\"DOMContentLoaded\", function() {\n  \/\/ your code\n});\n<\/code><\/pre>\n
or<\/p>\n
document.attachEvent(\"onreadystatechange\", function(){\n  if (document.readyState === \"complete\"){\n    document.detachEvent( \"onreadystatechange\", arguments.callee );\n    \/\/ your code\n  }\n});\n<\/code><\/pre>\n
see the official sourcecode of jQuery ready event here: https:\/\/github.com\/jquery\/jquery\/blob\/master\/src\/core\/ready.js#L81<\/a><\/p>\n
it calls the completed()-method, when the page is fully loaded<\/p>\n
https:\/\/stackoverflow.com\/a\/21814964\/753676 and How can I detect DOM ready and add a class without jQuery? give you the same answers<\/p>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            3<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved position of a script tag is influencing the code execution [duplicate] <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] Scripts should always be loaded at last and at the bottom of the body so they can access the DOM and the elements. You can wrap this around your code, so it is executed when eversthing is loaded document.addEventListener(“DOMContentLoaded”, function() { \/\/ your code }); or document.attachEvent(“onreadystatechange”, function(){ if (document.readyState === “complete”){ document.detachEvent( “onreadystatechange”, … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[346,333,676],"class_list":["post-27339","post","type-post","status-publish","format-standard","hentry","category-solved","tag-html","tag-javascript","tag-tags"],"yoast_head":"\n[Solved] position of a script tag is influencing the code execution [duplicate] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] position of a script tag is influencing the code execution [duplicate] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Scripts should always be loaded at last and at the bottom of the body so they can access the DOM and the elements. You can wrap this around your code, so it is executed when eversthing is loaded document.addEventListener("DOMContentLoaded", function() { \/\/ your code }); or document.attachEvent("onreadystatechange", function(){ if (document.readyState === "complete"){ document.detachEvent( "onreadystatechange", ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-23T14:42:34+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] position of a script tag is influencing the code execution [duplicate]\",\"datePublished\":\"2022-12-23T14:42:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/\"},\"wordCount\":119,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"html\",\"javascript\",\"tags\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/\",\"name\":\"[Solved] position of a script tag is influencing the code execution [duplicate] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-12-23T14:42:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] position of a script tag is influencing the code execution [duplicate]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] position of a script tag is influencing the code execution [duplicate] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] position of a script tag is influencing the code execution [duplicate] - JassWeb","og_description":"[ad_1] Scripts should always be loaded at last and at the bottom of the body so they can access the DOM and the elements. You can wrap this around your code, so it is executed when eversthing is loaded document.addEventListener(\"DOMContentLoaded\", function() { \/\/ your code }); or document.attachEvent(\"onreadystatechange\", function(){ if (document.readyState === \"complete\"){ document.detachEvent( \"onreadystatechange\", ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/","og_site_name":"JassWeb","article_published_time":"2022-12-23T14:42:34+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] position of a script tag is influencing the code execution [duplicate]","datePublished":"2022-12-23T14:42:34+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/"},"wordCount":119,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["html","javascript","tags"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/","url":"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/","name":"[Solved] position of a script tag is influencing the code execution [duplicate] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-12-23T14:42:34+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-position-of-a-script-tag-is-influencing-the-code-execution-duplicate\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] position of a script tag is influencing the code execution [duplicate]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/27339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=27339"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/27339\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=27339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=27339"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=27339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}