动态加载外部脚本不起作用

Question

I'm building a one-page website. Attached an external html into another html. CSS an HTML loads but the script of the external doesn't?

<button>
    <a class="cd-btn-services" href="technical-services.html" id="mylink" data-type="page-transition">click me</a>
</button>


var myLink = document.getElementById('mylink');

myLink.onclick = function(){
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "Public/Scripts/filename.js."; 
    document.getElementsByTagName("head")[0].appendChild(script);
    return false;
}

Answer 1

You have an error in your src:

script.src = "Public/Scripts/filename.js";

not

script.src = "Public/Scripts/filename.js.";

your code worked for me