一个html页面中有多个js文件
一个html页面中有多个js文件
提问于 2018-07-11 07:05:08
我正在用P5JS写一些代码。我想在我的HTML页面中添加多个JS文件。但当我这样做时，页面上只显示最后一个。我怎么能把它们全部展示出来呢？！我该如何设计每一种风格呢？例如，我想在页面顶部显示其中一个，然后显示一些HTML文件或文本或其他文件，然后在它们下面显示另一个JS文件。如何使用CSS设置样式？我已经将CSS文件链接到HTML页面。
The site didn't allow me to paste the code the way I wanted so I uploaded the picture here
谢谢..
回答 2
Stack Overflow用户
发布于 2018-07-11 07:31:07
您可以将所有js文件放在head部分：
<html>
<head>
<script src=script1.js></script>
<script src=script2.js></script>
</head>
<body>
</body>
</html> 或者，您可以将其放在文件的底部：
<html>
<head>
</head>
<body>
</body>
<script src=script1.js></script>
<script src=script2.js></script>
</html> Stack Overflow用户
发布于 2018-08-28 19:04:44
如果要向一个p5js文档添加多个HTML草图，可以创建p5实例以将所有变量排除在页面的全局作用域之外。
如果以下代码另存为'sketch.js'，则为示例
var sketch = function( p ) {
var x = 100;
var y = 100;
p.setup = function() {
p.createCanvas(700, 410);
};
p.draw = function() {
p.background(0);
p.fill(255);
p.rect(x,y,50,50);
};
};
var myp5 = new p5(sketch);然后导入草图，并在HTML的div中使用它。
<html>
<head>
<meta charset="UTF-8">
<script language="javascript" type="text/javascript" src="libraries/p5.js></script>
<script language="javascript" type="text/javascript" src="sketch.js"></script>
</style>
</head>
<body>
<div id="sketch"></div>
</body>
</html>然后，您可以对其他草图重复此操作。您甚至可以在一个js文件中包含多个p5js草图。
有了草图和html的代码，这个问题可能很快就能解决。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51275061
复制相关文章
相似问题