如何从相关页面调用 <script src>答案

【问题标题】：How to call <script src> from a relative page如何从相关页面调用 <script src>
【发布时间】：2020-10-08 16:33:06
【问题描述】：

我有 2 页：

HOME 带有 span 元素的页面：

<span id="t1"></span>
<span id="t2"></span>

测试页面与js：

<script>
const data = {
"t1": 'value1',
"t2": 'value2',
}
Object.entries(data).forEach(([k, v]) => {
const span = document.getElementById(k);
if (span) span.innerHTML = v;
})
</script>

由于技术限制，我无法创建 .js 文件并从主页调用它，我需要在主页上的 TEST 页面使用相同的脚本，而无需复制粘贴它。

是否可以以类似于以下方式从主页调用脚本没有 .js 文件：

HOME 带有到 TEST 页面脚本的 src 路径：

<span id="t1"></span>
<span id="t2"></span>

<script src="https://website.com/TEST"></script>

尝试但没有结果。提前感谢您的帮助

【问题讨论】：

简短回答：不。长答案取决于您回答为什么您无法创建脚本文件但可以包含尝试加载 html 页面的脚本标签
什么technical limitation？如果 Home 页面无法直接使用head 部分中的script 标签加载它，它如何通过body 部分中的脚本标签加载它？

标签： javascript html src

【解决方案1】：

只有你可以使用像 php 这样的服务器端脚本

将 test.js 转换为 test.php 并将其包含在您的 home.php 中

.php 扩展将 HTML 解析为普通的 .html 页面，但您也可以使用它执行诸如 include 'test.php' 之类的操作，从而为您提供更多控制权，您无需复制粘贴代码，只需包含 .php文件。

如果你想坚持使用 html、javscript，它是不可以的，因为你需要参考你需要通过 javascript 完成的事情，可以在同一页面上，或者如果它在另一个页面上，你需要参考。

【讨论】：