Question

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

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;

}

Answer 1

如果您引用jquery插件或jquery ui之类的东西，或者只是jquery插件和其他可选的css，这些css取自您想要在页面中使用它的其他网站，您需要添加您在jsfilddle左侧看到的那些链接。

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

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

在小提琴中的exernal js文件中

http://somewebsite.com/yourfile.js

Answer 2

如果要在JsFiddle中加载外部资源，则需要将其放在JsFiddle可以找到的位置。

例如，如果您有网站http://www.example.com，则可以将外部文件放在网络根目录中，以使其网址为http://www.example.com/resource.css。这是您在JSFiddle上的外部资源字段中放置的值。

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

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

2 个答案: