如何将外部样式表和 js 文件添加到 jsfiddle答案

【问题标题】：how to add external style sheet and js files to jsfiddle如何将外部样式表和 js 文件添加到 jsfiddle
【发布时间】：2014-06-01 13:29:15
【问题描述】：

我正在尝试创建一个包含外部 css 样式表和外部 javascript 文件的小提琴。它在左侧面板中有一个名为外部资源的选项。如何使用此选项添加这些外部文件？需要将外部文件上传到某个地方。如果需要，请给我可以上传的链接。

HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="games.css">
</head>
<body>
<div id="mydiv">
<canvas id="mycanvas1"></canvas>
<canvas id="mycanvas2"></canvas>
</div>
<script src="script.js"></script>
</body>
</html>

CSS：

*{margin:0px;padding:0px;}
#mydiv{
width:100%;
height:100%;
background-color:black;
}
#mycanvas1{
width:500px;
height:500px;
background-color:white;
border:1px solid white;

}

【问题讨论】：

只需将它们上传到可以通过 HTTP 公开访问的任何地方……
您只需将 URL 粘贴到输入字段中，然后单击添加按钮。见doc.jsfiddle.net/basic/…

标签： javascript

【解决方案1】：

如果你想在 JsFiddle 中加载一个外部资源，你需要把它放在 JsFiddle 可以找到的地方。

例如，如果您有一个网站http://www.example.com，您可以将您的外部文件放在网络根目录中，以便它的 URL 为http://www.example.com/resource.css。这就是您在 JSFiddle 上的外部资源字段中输入的值。

您需要将文件上传到某个地方 - JSFiddle 无权访问您的硬盘。你把它放在哪里是你必须自己决定的。

【讨论】：

是否有任何网站允许我编辑文本。我不会在我的 Facebook 帐户上发布代码：\
如果您问在哪里可以获得免费托管帐户，那么您的问题与Stack Overflow 无关

【解决方案2】：

如果您引用 jquery 插件或 jquery ui 之类的内容，或者只是 jquery 插件和其他可选 css，这些内容取自您希望在您的页面中用作参考的其他网站，您需要添加您在 jsfilddle 左侧看到的那些链接。

例如：<script src="http://somewebsite.com/yourfile.js"></script>

您需要将"yourfile.js" 添加到您的托管服务器并将其引用为

http://somewebsite.com/yourfile.js 在 fiddle 的外部 js 文件中

【讨论】：

嗯？可以加点标点吗？
其实我想添加css和纯js文件。它只是在画布上画一个图像