附加到 URL JavaScript

在浏览器中，JavaScript 可以直接嵌入到 HTML 文件中。不过，当我们需要运用 JavaScript 在一个链接中传递参数时，需要用到“附加到 URL”这一技术。

什么是“附加到 URL”？

“附加到 URL”是将参数添加到 URL 中的技术，用于向另一个页面传递参数。例如，在 URL 中附加参数 ?name=John&age=25，就可以将名字与年龄传递给服务器或其他网站。

如何实现附加到 URL？

实现“附加到 URL”功能的 JavaScript 方法是使用 encodeURIComponent() 函数将文本字符串转换为 URL 能够接受的格式。例如：

var name = "John";
var age = 25;
var url = "http://example.com/myPage.html?name=" + encodeURIComponent(name) + "&age=" + encodeURIComponent(age);

在这个例子中，encodeURIComponent() 函数将 name 和 age 变量中的值转换为 URL 编码格式，并将它们添加到 URL 中。当页面跳转到 url 所指向的页面时，可以使用 JavaScript 获取 URL 中的参数。例如：

var urlParams = new URLSearchParams(window.location.search);
var name = urlParams.get("name");
var age = urlParams.get("age");

在这个例子中，window.location.search 返回当前 URL 中的查询字符串，URLSearchParams() 构造函数创建一个包含查询字符串参数的对象，get() 方法获取指定参数的值。当页面加载时，使用 get() 方法获取通过 URL 传递的参数。如果需要在页面加载之后获取参数，可以通过监听 window.addEventListener("load", function () {...}) 事件来实现。

总结

通过“附加到 URL”功能，可以将参数传递给其他页面或服务器，从而实现 JavaScript 开发中的跨页面通信。实现这一功能的核心是使用 encodeURIComponent() 函数将文本字符串转换为 URL 编码格式，以便将其添加到 URL 中。然后，使用 URLSearchParams() 对象和 get() 方法在页面加载时获取传递的参数，从而实现跨页面通信。