时间戳

首页 > 解决方案 > 如何将 javascript 变量放入 html action=""

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

问题描述

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

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

标签： javascripthtmlcsssearch

解决方案

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

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

用于

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

推荐阅读