如何在HTML頁面上使用此JavaScript？

Question

所以我一直在尋求一些關於如何解決我希望如何能夠點擊按鈕的問題的幫助，並讓我自動選擇我網站上的搜索框。

好吧，人們告訴我使用Javascript進行點擊，我被告知要使用這段代碼：

function setFocus() {
    document.getElementById("myTextbox").focus();
}

但我不知道如何正確地將它與我的HTML結合起來。 環顧谷歌，一切都沒有為我拼湊..

我的HTML：

<html>
<head>
<title>DLL Download Database</title>
<meta name="description" content="Need a .DLL file? Don't worry, I am sure we have a DLL available for you!">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript">
function setFocus() { document.getElementById("search").focus(); }
</script>
</head>
<body>
<div class="my_container cf">
    <div class="headerbuttons"><a href="http://dll-download.us/" style="text-decoration: none; color:#000000;padding:3px;display:block;"><p>HOME</p></a></div>
    <div class="headerbuttons"><a href=""style="text-decoration: none; color:#000000;padding:3px;display:block;"><p>HOW TO INSTALL</p></a></div>
    <div class="headerbuttons"><p style="text-decoration: none; color:#000000;padding:3px;display:block;" onClick="setFocus(search);">CAN'T FIND A FILE?</p></div>
    <div class="headerbuttons"><a href="http://www.dll-files.com/get-fixer/"style="text-decoration: none; color:#000000;padding:3px;display:block;"><p>DLL SOFTWARE FIXER</p></a></div>

</div>
<h2 class="homepage-start"><strong>WELCOME TO DLL DOWNLOAD.US!</strong></h2>
<div class="body-main2">
<form method="get" action="/search" id="search">
  <input name="q" type="text" size="40" placeholder="Search for a DLL" />
</form>
</div>
</body>
</html>

Answer 1

請在您的HTML中進行以下更改

HTML

<div class="body-main2">
<form method="get" action="/search" id="search">
    <input id="searchbox" name="q" type="text" size="40" placeholder="Search for a DLL"/>
</form>
</div>    


<div class="headerbuttons">
    <a style="text-decoration: none; 
    color:#000000;padding:3px;display:block;" onclick="setFocus();">
        <p>CAN 'T FIND A FILE?</p>
     </a>
</div>

JavaScript的

<script type="text/javascript">
function setFocus() {
document.getElementById("searchbox").focus();
}</script>

它的工作正常!!! 看到這個工作JSFIDDLE演示

Answer 2

嘗試

onClick="javascript:setFocus();"  // no parameter

或者更簡單

onClick="setFocus();"  // no parameter

順便說一句，您應該將焦點設置在輸入標記而不是form ，因此將輸入標記的id更改為id="search" ，當然將其從form刪除。

Answer 3

而不是調用setFocus(search)

你試過只調用setFocus()嗎？

在

`<div class="headerbuttons"><p style="text-decoration: none;color:#000000;padding:3px;display:block;"
onClick="setFocus(search);">CAN'T FIND A FILE?</p></div>`

編輯：

從form元素中刪除id = search並將其設置在text元素上

<form method="get" action="/search" >
  <input name="q" type="text" size="40" placeholder="Search for a DLL" id="search" />
</form>

Answer 4

onClick="setFocus(search);

刪除大括號內的“搜索”

為文本字段設置id="search"

Answer 5

工作演示

你沒有調用函數setFocus（）。 此外，沒有為文本框分配ID。

HTML：

<input name="q" id="search_box" type="text" size="40" placeholder="Search for a DLL" />

使用Javascript：

document.getElementById("search_box").focus();

如何在HTML頁面上使用此JavaScript？

問題描述

5 個解決方案

解決方案1
3 已采納 2013-12-26 06:05:30

解決方案2
0 2013-12-26 05:28:03

解決方案3
0 2013-12-26 05:28:33

解決方案4
0 2013-12-26 05:30:27

解決方案5
0 2013-12-26 05:38:42

如何在HTML頁面上使用此JavaScript？

問題描述

5 個解決方案

解決方案1 3 已采納 2013-12-26 06:05:30

解決方案2 0 2013-12-26 05:28:03

解決方案3 0 2013-12-26 05:28:33

解決方案4 0 2013-12-26 05:30:27

解決方案5 0 2013-12-26 05:38:42

解決方案1
3 已采納 2013-12-26 06:05:30

解決方案2
0 2013-12-26 05:28:03

解決方案3
0 2013-12-26 05:28:33

解決方案4
0 2013-12-26 05:30:27

解決方案5
0 2013-12-26 05:38:42