如何将 JavaScript 变量放入 HTML 操作中= " "

我希望能够将我的变量放在我的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>

无论如何都可以使用此代码。

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

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

用作

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

相关内容

最新更新

热门标签：