p5.js:如何根据HTML页面使我的草图加载不同的.txt文件

p5.js: How can I make my sketch load a different .txt file depending on the HTML page?

本文关键字：加载 文件 txt 我的 js 何根 HTML p5      更新时间：2023-09-26

如果这个问题措辞不太清楚，我们深表歉意。我正在进行文本分析可视化，我有多个HTML页面用p5.js加载同一个处理草图。这些页面之间的唯一区别是，我需要草图在setup（）或preload（）中加载不同的.txt文件，这取决于它是什么HTML页面。草图的其余部分保持不变。

如何根据草图所在的页面加载不同的文件（01.txt、02.txt等）？（book_one.html、book_two.html等）。任何帮助都将是伟大的，谢谢！

你可以在p5.js中编写JavaScript，所以我在谷歌上搜索的第一件事是"JavaScript获取当前url"，看看如何做到这一点。

这是搜索的第一个结果，上面写着你可以得到这样的结果：

window.location.href

现在您只需要编写使用这个JavaScript变量的p5.js代码。也许是这样的：

function setup(){
    if(window.location.href == "http://example.com"){
       //load 01.txt
    }
    else{
       //loat 02.txt
    }
}
相关文章：