在Codepen中加载外部.js（github）库

问题描述 投票：0回答：1

UX设计人员提出的新手问题已经尝试将其工作2天了。

我正在尝试在Codepen中测试matthew dove的注入脚本https://github.com/Matthew-Dove/Inject

我已使用jsdelivr将原始github文件复制到Pen设置中。当我单击眼睛图标时，我可以看到.js文件。

settings picture

我已将Matthew提供的示例代码复制到html面板中。

enter image description here

但是您可以在上方的图片中看到，该网站并未注入。我的代码笔是https://codepen.io/lisatw/pen/oNXxgMR

<html lang="en">
<head>
<meta charset="utf-8">
<meta content="initial-scale=1,width=device-width" name="viewport">
<title>Inject</title>
</head>
<body>
<h4>Below this heading the world's first website will be injected</h4>

<div data-inject-src="http://info.cern.ch/" style="height: 175px;"> </div>

<h4>Above this heading the world's first website will be injected</h4>


</body>
</html>

我已经尝试过对.js库的调用，也可以不对其进行调用。>

<script src="./inject.js"></script>

任何帮助都将不胜感激。

UX设计人员提出的新手问题已经尝试将其工作2天了。我正在尝试在Codepen中测试matthew dove的注入脚本https://github.com/Matthew-Dove/Inject我有...

html github inject codepen
1个回答
1
投票

当您通过URL在CodePen上添加脚本时，该URL将按原样插入</body>。无需显式添加如下脚本：

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.