如何将 javascript 变量放入 html action=""答案

【问题标题】：how can I put javascript variables in a html action=""如何将 javascript 变量放入 html action=""
【发布时间】：2019-05-02 23:23:22
【问题描述】：

我希望能够将我的变量放在我的 html action="" 中，以便我可以一键更改我使用的搜索引擎。而不必制作另一个 html 页面。

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="searchbar">
    <form action="[SEARCH VAR]" method="get">
      <input autocomplete="off" type="text" name="q" placeholder=searchvar id="mySearch">
      </form>
    </p>
    <button type="button" onclick="var search=https://www.duckduckgo.com/">
    duckduckgo
  </button>
  <p id="demo"></p>
      </div>
    </body>
    </html>

有没有办法用这段代码来做。

【问题讨论】：

标签： javascript html css search

【解决方案1】：

您不能将任意 HTML 属性评估为 JavaScript。相反，您可以使用 DOM API 来更改表单元素的 action 属性。

function setSearchEngine(engine) {
    document.querySelector('form').action = engine;
}

用作

<button type="button" onclick="setSearchEngine('https://www.duckduckgo.com/')">
  duckduckgo
</button>

【讨论】：