📜  p5.js | getURL()函数(1)

📅  最后修改于: 2023-12-03 14:45:00.542000             🧑  作者: Mango

getURL()函数介绍

简介

getURL()函数可以返回当前网页的 URL 地址,它属于 p5.js 库的一部分。

用法

使用 getURL() 函数非常简单,只需在代码中直接调用即可,如下所示:

var currentUrl = getURL();
console.log(currentUrl);

这段代码会将当前网页的 URL 地址保存在变量 currentUrl 中,并将其输出到控制台中。

返回值

getURL() 函数的返回值是一个字符串,表示当前网页的 URL 地址。

注意事项

有些浏览器可能会将携带 # 符号的 URL 地址解析成跳转到页面内的某个位置,需要注意这种情况。

示例代码

下面的示例代码演示了如何使用 getURL() 函数获取当前网页的 URL 地址并将其显示在画布上:

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  textSize(24);
  var currentUrl = getURL();
  text("当前网页的 URL 地址是:\n" + currentUrl, 50, 50);
}

执行这段代码后,会在画布上显示类似这样的内容:

当前网页的 URL 地址是:
http://localhost:8000/
结论

getURL() 函数是 p5.js 库提供的一个非常实用的函数,它可以方便地获取当前网页的 URL 地址。在开发 Web 应用时,经常需要使用 getURL() 函数来获取当前页面的 URL,因此我们需要掌握它的用法和注意事项。