如何在html标记中包含不同类型的javascript文件？

Question

假设我们有一个扩展名为。js的文件。我们都知道这是一个javascript文件，但让我们假设文件类型不是通常的text / javascript，而是text / anythingelse。另外，我安装了一个解释器，可以解释类型为text / anythingelse的。js文件中的数据，并为我提供纯JavaScript。但是问题是如何在html标记中包含类型为[[text / anythingelse的。js文件？如：

<script type="text/anythingelse" src="myfile.js"></script>

似乎不起作用！解释器的设计如下：
const Interpret = () => {
 const el = document.querySelectorAll("script[type='text/anythingelse']")
 for ( var i = 0; i < el.length; ++i ) {
   // Interpretaion process start from here......observe the "el" constant
 }
}

那我该怎么做？

Answer 1

您可以使用XMLHttpRequest（）下载文件

var xhr = new XMLHttpRequest();
    xhr.open("GET", f_strUrl);
    //xhr.setRequestHeader('origin',undefined);
    xhr.responseType = "blob";//use what matches your case
    xhr.onload = function(){
        var reader  = new FileReader();
        reader.onload = function(event) {
            var l_data = event.target.result;
            //process your data

            if(f_funcCallback != null){
                f_funcCallback(f_strUrl,imgData);
            }
        }.bind(this);
        reader.readAsDataURL( xhr.response);    
    };

您可以在此处查看详细信息https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

Answer 2

您可以使用fetch检索脚本内容>

const url = document.querySelector("[type='text/something']").src;
const report = document.querySelector("pre");
report.textContent = `fetching ${url} ...`;
fetch( url )
  .then( r => r.text() )
  .then( r => report.textContent = r );

<script 
  type="text/something" 
  src="https://cdnjs.cloudflare.com/ajax/libs/Faker/3.1.0/faker.js">
</script>

<pre></pre>