 
<input type="search" id="keyword" value="" autocomplete="off" placeholder="請輸入搜索關鍵字" /> 
<a href="###" id="submit" target="_blank" >搜索</a> 
<script type="text/javascript"> 
(function(document) { 
var submit = document.getElementById('submit'); 
var keyword = document.getElementById('keyword'); 
var url = 'http://www.baidu.com/baidu?wd='; 
submit.onfocus = submit.onmousedown = function() { 
var href = url + escape(keyword.value); 
if (href !== submit.href) { 
submit.href = url + escape(keyword.value) 
} 
} 

})(document); 
</script> 

ps：還可以在在html代碼中以onclick dom 0級方式綁定、target方式提交表單等

您可能感興趣的文章:

彈出新頁面

js中getter和setter用法實例分析
這篇文章主要介紹了js中getter和setter用法,結合實例形式分析了javascript中getter和setter的功能、使用方法及相關操作注意事項,需要的朋友可以參考下
2018-08-08
JavaScript中常見內(nèi)置函數(shù)用法示例
這篇文章主要介紹了JavaScript中常見內(nèi)置函數(shù)用法,結合實例形式分析了JavaScript常用內(nèi)置函數(shù)的功能、參數(shù)、使用方法及相關操作注意事項,需要的朋友可以參考下
2018-05-05
詳解JS實現(xiàn)簡單的時分秒倒計時代碼
這篇文章主要介紹了JS時分秒倒計時的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-04-04
微信小程序學習筆記之函數(shù)定義、頁面渲染圖文詳解
這篇文章主要介紹了微信小程序學習筆記之函數(shù)定義、頁面渲染,結合實例形式較為詳細的分析了微信小程序中函數(shù)的定義、生命周期、模板調(diào)用、樣式控制等操作技巧,并配合圖文形式進行了詳細說明,需要的朋友可以參考下
2019-03-03
微信小程序開發(fā)中的疑問解答匯總
這篇文章主要給大家總結了關于微信小程序開發(fā)中的各種疑問解答，文中將在微信小程序開發(fā)中可能遇到的問題都進行了整理和解答，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
2017-07-07
uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)
使用uni.$emit觸發(fā)事件后,對應的uni.$on就會監(jiān)聽到事件觸發(fā),在回調(diào)中去執(zhí)行相關的邏輯,下面這篇文章主要給大家介紹了關于uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)的相關資料,需要的朋友可以參考下
2023-04-04
javascript設計模式之單體模式學習筆記
這篇文章主要為大家詳細介紹了javascript設計模式之單體模式學習筆記，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
layui-tree實現(xiàn)Ajax異步請求后動態(tài)添加節(jié)點的方法
今天小編就為大家分享一篇layui-tree實現(xiàn)Ajax異步請求后動態(tài)添加節(jié)點的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
簡單使用webpack打包文件的實現(xiàn)
這篇文章主要介紹了簡單使用webpack打包文件的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-10-10
JavaScript中切割截取字符串的7種方法
在開發(fā)中常常會需要截取字符串,而 JavaScript 提供了很多種方法實現(xiàn)截取操作,本文主要介紹了JavaScript中切割截取字符串的7種方法,感興趣的可以了解一下
2024-02-02