html js button 按钮怎么写事件代码
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html js button 按钮怎么写事件代码相关的知识，希望对你有一定的参考价值。
写了一个搜索框 但是事件不会弄······
代码在下面 ，测试按下按钮没反应，就先改成了信息框的，
想弄成，点击按钮，就可以打开指定网站
ps.指定网站不是固定的而是比如打开 a/+搜索框内容
假设搜索框内容是aass
也就是打开了 a/aass
用这种方式弄个简易的搜索框
大佬快来~
<style>
.d3 form
background: #E5E5E5;
position: relative;
margin: 0 auto;
.d3 input, .d3 button
border: none;
outline: none;
background: transparent;
.d3 input
width: 100%;
height:35px;
padding-left: 15px;
font-size:13px;
font-family:微软雅黑;
.d3 button
height: 35px;
width: 35px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
.d3 button:before
font-size: 13px;
</style>
<div class="d3">
<form>
<input type="text" placeholder="发帖求助前要善用【搜索】功能，这里可能会有你要找的答案...">
<button id="search-btn" onclick="alert('这是一个事件测试')" type="submit"/><img src="so.png" height="19" width="18" alt="搜索" /></button>
</form>
</div>
<style>
.d3 form
background: #E5E5E5;
position: relative;
margin: 0 auto;
.d3 input, .d3 button
border: none;
outline: none;
background: transparent;
.d3 input
width: 100%;
height:35px;
padding-left: 15px;
font-size:13px;
font-family:微软雅黑;
.d3 button
height: 35px;
width: 35px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
.d3 button:before
font-size: 13px;
</style>
<script language="javascript">
function search()
var key=document.getElementById("key").value;
window.open("http://www.baidu.com?key="+key)
</script>
<body>
<div class="d3">
<form>
<input type="text" id="key" placeholder="发帖求助前要善用【搜索】功能，这里可能会有你要找的答案...">
<button id="search-btn" onclick="javascript:search()" type="button"/><img src="so.png" height="19" width="18" alt="搜索" /></button>
</form>
</div>
</body>
</html> 参考技术A <!DOCTYPE html>
<html lang="en" charset='utf-8'>
<style>
.d3 form
background: #E5E5E5;
position: relative;
margin: 0 auto;
.d3 input, .d3 button
border: none;
outline: none;
background: transparent;
.d3 input
width: 100%;
height:35px;
padding-left: 15px;
font-size:13px;
font-family:微软雅黑;
.d3 button
height: 35px;
width: 35px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
.d3 button:before
font-size: 13px;
</style>
<div class="d3">
<form>
<input type="text" id='serchbox' placeholder="发帖求助前要善用【搜索】功能，这里可能会有你要找的答案...">
<button id="search-btn" onclick="serch();" type="submit"/><img src="so.png" height="19" width="18" alt="搜索" /></button>
</form>
</div>
<script>
function serch()
var value = document.getElementById('serchbox').value;
window.open('a/'+value);
</script>
</body>
</html> 参考技术B 问题描述的不清楚。打开的指定网站：a/aass是什么？网页吗？
a表示文件夹名称？
aass表示网页名称？追问
额。
比如a是百度 就是 百度的com+搜索框的内容
也就是按下按钮
打开百度的网站+搜索框的内容的这个网站
function openWS()
var content = document.getElementById("content").value;
window.open("http://www.baidu.com/" + content);
是这个意思么？..
table里加的Button按钮单击事件怎么写
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<table border="" cellspacing="" cellpadding="">
<tr><th>Header</th></tr>
<tr>
<td>
<input type="button" id="btn" value="按钮" />
</td>
</tr>
</table>
<script type="text/javascript">
document.getElementById("btn").onclick = function()
alert("1"); //给按钮添加点击事件
</script>
</body>
</html>
请复制上面代码试一试
参考技术A 和平常写单击事件是一样的以上是关于html js button 按钮怎么写事件代码的主要内容，如果未能解决你的问题，请参考以下文章