使用 Javascript 获取脚本文件的内容

我的网页中有以下脚本元素：

<script src="default.js" type="text/javascript"></script>

使用 JavaScript，我希望能够检索脚本文件的内容。我知道我可以使用 ajax 请求来获取数据，但随后我会从本地已有的服务器获取一些内容。

所以我更愿意做的是从 DOM 中检索内容（如果可能的话）或具有相同结果的内容。

干杯 安东尼

UPDATE

我试图简化问题，可能是一个坏主意，我认为这样会引起更少的问题。

我的真实情况是这样的，我其实有

<script type="text/html" class="jq-ItemTemplate_Approval">
   ...
   html template that is going to be consumed by jQuery and jTemplate
   ...
</script>

现在这工作正常，但这意味着每次加载页面时我都必须将模板作为主页 HTML 的一部分发送。所以我的计划是执行以下操作：

<script src="template.html" type="text/html"></script>

这意味着浏览器将缓存 template.html 的内容，而我不必每次都将其发送下来。但要做到这一点，我需要能够从文件中获取内容。

同样在这种情况下，据我所知，通过 ajax 请求内容不会有太大帮助，因为无论如何它都必须返回服务器来获取内容。

如果我理解正确的话，您不想使用 Ajax 加载 html 模板文本，而是将其与页面的其余部分一起加载。如果您控制服务器端，则始终可以将模板文本包含在不可见的 div 标记中，然后从 Javascript 引用该标记：

<div id="template" style="display:none;">
...template text...
</div>
<script>
// pops up the template text.
alert(document.getElementById("template").innerHTML);
</script>

如果您只是想加载模板以便将其缓存，则可以将内容放入变量中，如下所示：

<script>
var template = "template text..";
</script>

或者您可以使用 ajax 加载它并将模板存储在变量中以便可以访问。这在 jquery 中非常简单：

var template;
$.get("template.html", function(data){
  template = data;
});