导航:首页 > 万维百科 > 网页设计如何在按钮中添加事件

网页设计如何在按钮中添加事件

 发布时间：2020-11-10 02:03:25

1、网页设计中在页面中加入个按钮，在点击按钮的时候，页面提示5次“hello Word”

这样：
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
function fun()
{
for (i=0; i<5; i++)
{
document.write("Hello World<br>");
}
}
</script>
</head>
<body>
<form action="">
<input type="submit" value="按钮" onclick="fun()"/>
</form>
</body>
</html>

2、网页制作中 当鼠标放在button按钮上时 按钮颜色改变 如何实现？

插入代码<button onmouseover="this.style.backgroundColor='red';" onmouseout="this.style.backgroundColor='';" >button</button>即可实现。

3、网页设计，如何制作在点击一个按钮之后，才在一个div框中显示文字图片

对按钮添加个onclick事件就行了，下面是个案例。

<div id="box"></div>
<button onclick="addContent()">按钮</button>
<script>
function addContent(){
var oDiv=document.getElementById("box");
oDiv.innerHTML="这是添加的文字";
//oDiv.innerHTML='<img src="1.min.jpg"/>';   //添加图片
}
</script>

4、怎样在设计网页中点击某个按钮，执行某个事件？

给你段关闭网页的代码做参考吧 </table>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#E5F6FF">
<tr>
<td height="80" align="center" class="morew" style="padding-left:30px; padding-right:30px">[ <a href="#" onClick="window.close()"><font color="#000000">关 闭</font></a> ]</td>
</tr>
</table> 可以把它插到<body>和</body>之间试下。

5、关于网页制作：怎样在网页中点击按钮，然后弹出新窗口？

的window.open（'page.html的'，'newwindow'，'高度= 100，宽= 400，= 0，左= 0时，工具栏=没有，菜单=没有，滚动条=没有，可调整大小=没有，位置=没有状态=没有）

6、网页设计如何点击按钮无限增加区块

对按钮添加个onclick事件就行了，下面是个案例。

7、网页设计中怎么对按钮插入超链接

按钮不支持加超链接，但是有方法让你点击按钮后跳转网页
当前页面打开

<input type=button onclick="window.location.href('连接')">
新窗口打开
<input type=button onclick="window.open('连接')">
建议使用其他行内标签来做超链接 因为能用html实现，最好就不要用css，能用css实现的就不要用js

8、设计网页点击添加按钮如何弹出对话框

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
td { font-size: 9pt}
a { color: #000000; text-decoration: none}
a:hover { text-decoration: underline}
.tx { font-size: 9pt; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height: 20px; width: 40px; background-color: #eeeeee; cursor: hand}
.bt { font-size: 9pt; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height: 16px; width: 60px; background-color: #eeeeee; cursor: hand}
.tx1 { height: 20px; width: 30px; font-size: 9pt; border: 1px solid; border-color: black black #000000; color: #0000FF}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>添加公告</title>
<style type="text/css">
<!--
.STYLE1 {font-size: 18px}
body {
background-color: #2286c2;
}
-->
</style>
</head>

<body>
<p class="STYLE1">公告标题：</p>
<form id="form1" name="form1" method="post" action="">
<label>
<input name="textfield" type="text" size="50" />
</label>
</form>
<p class="STYLE1">公告内容：</p>
<form id="form2" name="form2" method="post" action="">
<label>
<textarea name="textarea" cols="50" rows="20"></textarea>
</label>
<p>
<p><iframe frameborder="1" width="300" height="50" scrolling="no" src="upload.asp"></iframe></p>
</p>
</form>
<form id="form3" name="form3" method="post" action="">

<label>　
<input type="submit" name="Submit" value="提交" />　
　
</label>
<input type="submit" name="Submit2" value="重置" />
</form>

<p> </p>
</body>
</html>

9、请问网页制作中按钮的制作

PS或coreldraw都可以，做成两种样式的，规格一样，大小一样，颜色变一下就可以，然后到dreamweaver中点编辑菜单有个插入-图像对象-鼠标经过图像就可插入鼠标经过以后的动态按钮。

与网页设计如何在按钮中添加事件相关的知识