javascript 中传递参数有五种方式：函数参数url 查询字符串ajax 请求html 表单localstorage

用 JavaScript 传递参数

JavaScript 中传递参数有以下几种主要方式：

1. 函数参数

语法：

<code>function myFunction(param1, param2, ...) {
  // 函数体
}</code>

调用：

<code>myFunction("param1 值", "param2 值", ...);</code>

2. URL 查询字符串

语法：

<code>const url = "example.com?param1=value1&param2=value2";</code>

访问：

<code>window.location.search // "param1=value1&param2=value2"</code>

3. AJAX 请求

度加AI

度加AI官网入口，百度官方 AIGC 创作平台，支持 AI 成片、AI 生文、数字人、声音克隆、配音字幕与智能剪辑等在线创作能力。

下载

语法：

<code>const data = { param1: "value1", param2: "value2" };

fetch("example.com", {
  method: "POST",
  body: JSON.stringify(data),
});</code>

访问：

<code>const responseObject = await response.json();
responseObject.param1 // "value1"
responseObject.param2 // "value2"</code>

4. HTML 表单

语法：

<code><form action="example.com" method="POST">
  <input type="text" name="param1" value="value1"><input type="text" name="param2" value="value2"><input type="submit">
</form></code>

访问：

<code>const formData = new FormData(document.querySelector("form"));
formData.get("param1") // "value1"
formData.get("param2") // "value2"</code>

5. localStorage

语法：

<code>localStorage.setItem("param1", "value1");
localStorage.setItem("param2", "value2");</code>

访问：

<code>localStorage.getItem("param1") // "value1"
 localStorage.getItem("param2") // "value2"</code>