Javascript 如何在自定义对话框中使用外部js脚本和css

谁能帮帮我吗。因为我刚刚开始学习JavaScript

在使用XMLHttpRequest之前，我正在使用一个自定义提示对话框 但是，我想用“Fetch”来代替，因为它是新的而且更好

使用Fetch时，对话框不显示，并且出现错误“未定义图层”

这是我的一个小问题，如何从响应中正确地将其命名为layer.js和layer.css？ 我这样称呼它（这是一个消息对话框）：

layer.open({
标题：“”+formTitle+“”，
内容：“”+msg+“”，
最大宽度：500，
});

这是我的密码

!function () {
    try {
        if (typeof (eval(layer)) == "function") { }
    } catch (e) {
        
        var css = 'https://cdn.bootcss.com/layer/3.0.1/skin/default/layer.css';
        var js = 'https://cdn.bootcss.com/layer/3.0.1/layer.min.js';

        var a = document.createElement("style");
        a.type = "text/css";
        DownloadStringAsync(css).then(_css => a.innerText = _css);
        document.getElementsByTagName("head")[0].appendChild(a)

        var a = document.createElement("script");
        DownloadStringAsync(js).then(_js => a.text = _js);
        document.getElementsByTagName("head")[0].appendChild(a)
    }

    var url = amp.mediaProxy.facade.config.media.originalSrc;
    var title = ampl_title;
    
    var formTitle = "Url Parser v1.0";
    var msg = `${title}<br>${GetTitle()}<br>`;

  
    try {
        var fileName = `TEST.txt`;
        SaveToFileAsync(url, fileName);
    } catch (err) {
        layer.open({
            title: "Error",
            content: err.message
        });
    }
     layer.open({
        title: "<strong>" + formTitle + "</strong>",
        content: "<strong>" + msg + "</strong>",
        maxWidth: 500,
    });
          
    async function DownloadStringAsync(url) {
        let response = await fetch(url, {
            method: "GET",
            cache: "no-cache",
        });
        let data = await response.text()
        return data;
    }

    function SaveToFileAsync(url, filename) {
        fetch(url, {
            method: "GET",
            cache: "no-cache",
        }).then(async function (t) {
            const b = await t.blob();
            var a = document.createElement("a");
            a.href = URL.createObjectURL(b);
            a.setAttribute("download", filename);
            a.click();
        });
    }

    function GetTitle() {
        return document.getElementsByClassName("hero-image-rating eps-line")[0].innerText + "\n";
    }
}();

！函数（）{
试一试{
if（typeof（eval（layer））=“函数”）{
}捕获（e）{
var css=https://cdn.bootcss.com/layer/3.0.1/skin/default/layer.css';
var js='1https://cdn.bootcss.com/layer/3.0.1/layer.min.js';
var a=document.createElement（“样式”）；
a、 type=“text/css”；
下载StringAsync（css）；
document.getElementsByTagName（“head”）[0]。appendChild（a）
var a=document.createElement（“脚本”）；
下载StringAsync（js）；
document.getElementsByTagName（“head”）[0]。appendChild（a）
}
var url=amp.mediaProxy.facade.config.media.originalSrc；
var title=ampl_title；
var formTitle=“Url解析器v1.0”；
var msg=`${title}
${GetTitle（）}
`；
试一试{
var fileName=`TEST.txt`；
SaveToFileAsync（url、文件名）；
}捕捉（错误）{
图层。打开({
标题：“错误”，
内容：err.message
});
}
图层。打开({
标题：“”+formTitle+“”，
内容：“”+msg+“”，
最大宽度：500，
});
异步函数下载StringAsync（url）{
let response=等待获取（url{
方法：“获取”，
缓存：“无缓存”，
});
let data=wait response.text（）
返回数据；
}
函数SaveToFileAsync（url，文件名）{
获取（url{
方法：“获取”，
缓存：“无缓存”，
}).then（异步函数（t）{
常数b=等待t.blob（）；
var a=document.createElement（“a”）；
a、 href=URL.createObjectURL（b）；
a、 setAttribute（“下载”，文件名）；
a、 单击（）；
});
}
函数GetTitle（）{
返回文档。getElementsByClassName（“英雄图像评级eps行”）[0]。innerText+“\n”；
}
}();

!function () {
    try {
        if (typeof (eval(layer)) == "function") { }
    } catch (e) {
        
        var css = 'https://cdn.bootcss.com/layer/3.0.1/skin/default/layer.css';
        var js = 'https://cdn.bootcss.com/layer/3.0.1/layer.min.js';

        var a = document.createElement("style");
        a.type = "text/css";
        DownloadStringAsync(css).then(_css => a.innerText = _css);
        document.getElementsByTagName("head")[0].appendChild(a)

        var a = document.createElement("script");
        DownloadStringAsync(js).then(_js => a.text = _js);
        document.getElementsByTagName("head")[0].appendChild(a)
    }

    var url = amp.mediaProxy.facade.config.media.originalSrc;
    var title = ampl_title;
    
    var formTitle = "Url Parser v1.0";
    var msg = `${title}<br>${GetTitle()}<br>`;

  
    try {
        var fileName = `TEST.txt`;
        SaveToFileAsync(url, fileName);
    } catch (err) {
        layer.open({
            title: "Error",
            content: err.message
        });
    }
     layer.open({
        title: "<strong>" + formTitle + "</strong>",
        content: "<strong>" + msg + "</strong>",
        maxWidth: 500,
    });
          
    async function DownloadStringAsync(url) {
        let response = await fetch(url, {
            method: "GET",
            cache: "no-cache",
        });
        let data = await response.text()
        return data;
    }

    function SaveToFileAsync(url, filename) {
        fetch(url, {
            method: "GET",
            cache: "no-cache",
        }).then(async function (t) {
            const b = await t.blob();
            var a = document.createElement("a");
            a.href = URL.createObjectURL(b);
            a.setAttribute("download", filename);
            a.click();
        });
    }

    function GetTitle() {
        return document.getElementsByClassName("hero-image-rating eps-line")[0].innerText + "\n";
    }
}();