p5.j​​s:如何根据HTML页面使草图加载不同的.txt文件?

时间:2016-04-17 09:50:27

标签: javascript html installation processing p5.js

如果这个问题措辞不清楚,请道歉。我正在进行文本分析可视化,我有多个HTML页面,用p5.js加载相同的Processing sketch。页面之间的唯一区别是我需要草图在setup()或preload()中加载不同的.txt文件,具体取决于它是什么HTML页面。草图的其余部分保持不变。

如何让草图加载不同的文件(01.txt,02.txt等),具体取决于它所在的页面? (book_one.html,book_two.html等)。任何帮助都会很棒,谢谢!

1 个答案:

答案 0 :(得分:0)

你可以在p5.js中编写JavaScript,所以我要谷歌的第一件事是“JavaScript get current url”,看看如何做到这一点。

Here是该搜索的第一个结果,它表示你可以这样做:

window.location.href 

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

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