动态添加脚本会产生冲突并且无法正常工作

Question

我是通过ajax调用响应值从另一个页面动态添加脚本和链接标签到页面，有时候它不添加到页面，有时它不起作用，在加载时发生冲突。

$(document).ready(function () {
    siteResponse();
    $(window).error(function (e) {
        e.preventDefault();
    });
});
function siteResponse() {
    var protocol = "http://IP/";
    var server = "Site/";
    var accessPage = "Home.aspx";
    var url = protocol + server + accessPage;
    var res = "";
    $.ajaxPrefilter(function (options, originalOptions, jqXHR) {
        options.async = true;
    });
    $.ajax({
        url: url,
        success: function (result) {
            res = result;
            var str = res; 
            var scrpt = /<(?:SCRIPT|script \b[^>]*)>([\s\S]*?)<\/(?:SCRIPT|script)>/gm;
            var lnk = /<link([\s\S]*?)\b[^>]*\/>/g; 
            while (res3 = lnk.exec(str)) {
                $("#footerSection").append(res3[0]);
            }
            while (res2 = scrpt.exec(res)) {
                $("#footerSection").append(res2[0]);
            }
        }
    });
}

链接正确添加到页面但脚本无法正常工作，有时它们相互冲突，有时它没有加载到页面