html按钮button怎么加超链接

html按钮button怎么加超链接

1.如果让本页转向新的页面则用：
<input type=button οnclick="window.location.href('连接')">
ex:
<td><div align="center">     
        <input type="submit" name="Submit" value="输入完毕提交" οnclick="window.location.href='DeptManager.html';">     
          </div>
   </td>
2.如果需要打开一个新的页面进行转向，则用：
<input type=button οnclick="window.open('连接')">
转载于:https://www.cnblogs.com/xuyuantao/archive/2008/01/10/1033592.html


```html
你这个应该是点击搜索按钮实现输入框中的关键字搜索，这个你只需要给搜索那个div一个id，然后在js中根据id对应的元素设置一个点击事件，点击事件中可以通过post或者ajax提交（前提是你有jQuery）
例如：
<input type="text" class="left" id="keyWord"/>
<div class="search1 left" id="search">搜索</div>
<script>
$("#search").on('click',function(){
var keyWord=$("#keyWord").val();
//post提交
$.post("controller地址",{"keyWord":keyWord},function(result){});
//ajax提交
//$.ajax({ url: "controller地址", data:"keyWord":keyWord, success: function(){}});
});
</script>

ajax中的data要用json格式，所以改成
date:{"keyWord":keyWord}就好了

使用jQuery实现href的跳转，并且将前面输入框中的值拼接在href连接的后面
调用function函数，先获取输入框中的值，val
然后window.location.href=“链接拼接val”; 即可跳转到controller

如果使用ajax的跳转，本页面中的内容会保留，那么如果在controller中return一个静态页面，那么将会和保留的html相互并存，这个页面就会出现两个html,那么页面会大乱！！！！