Question

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

反正可以用此代码来完成它。

Answer 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>

Answer 2

当用户单击按钮时，链接将在新选项卡上打开。

<button onclick=" window.open('YOUR LINK','_blank')"> Button Name </button>

如何将javascript变量放入html action =“”

2 个答案: