如何用JS来点击按钮

JavaScript08

如何用JS来点击按钮,第1张

原理

用JS来点击按钮需要分2步,第一步是选中按钮的元素,第二步是使用元素自带的click函数。

例如接下来我将要演示的例子中,仅用

document.getElementById("btn").click()

一行就可以控制按钮点击。

其中document.getElementById("btn")是根究id获取按钮的元素,click()是使按钮被点击一次。

演示

这是我为此问题专门写的在线演示页面点击按钮演示页面。

页面结构如图

首先点击右下角打开控制台

然后输入

document.getElementById("btn").click()

这行代码

按回车运行代码即可弹出一行提示,说明按钮被点击。你可以用鼠标点击一下按钮,也是这个效果。

通过使用“编程工具”选项卡,可为工作簿中的工作表添加按钮。在创建完按钮后,可为它指定宏,然后你的用户就可以通过单击按钮来执行宏。在本例中,将创建一个按钮,并为该按钮指定一个宏,然后再用该按钮来执行宏。具体可按照如下步骤:

步骤1:打开之前创建的“Book1”工作薄。

步骤2:选择“开发工具”选项卡、在“控件”工具集中点击“插入”按钮、工具栏中的“按钮”控件,此时鼠标变为交叉线,看上去像个加号。

步骤3:在希望放置命令按钮的地方按下鼠标左健,拖动鼠标画一个矩形,这个矩形代表了命令按钮的大小和形状。当对命令按钮的大小满意时松开鼠标左健,这样一个命令按钮就添加到了工作表中,显示如图所示的“指定宏”对话框。当添加命令按钮到工作表时,Excel会自动提示为该按钮指定宏。

步骤4:选择“第一个宏”,单击“确定”按钮,这个宏就被指定给相应的按钮。

步骤5:在按钮上的文字上双击鼠标左健,按下Delete健直至删除了所有文本。输入文字“更改字体”,单击“确定”按钮。

步骤6:在按钮之外单击鼠标左健,使按钮不再被选中。在单元格A6中输入今天的日期,并按回车健。

步骤7:选中单元格A6,单击“更改字体”按钮,执行“第一个宏”宏。

使用命令按钮是为工作表添加功能的一种非常好的方法。按钮既可见,用户又熟悉,并且不要求用户知道要执行的宏的名字。

用jquery来就简单的很了,基本思路就是你点击这个按钮,执行你要做的事,再隐藏掉这个按钮,代码入下:

<!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>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>无标题文档</title>

<script type="text/javascript" src="jquery-1.4.3.js"></script>

<script type="text/jscript">

$(document).ready(function(){

$("#aa").click(function(){

//你要做什么

$("#a").hide()//隐藏按钮

})

})

</script>

</head>

<body>

<div id="a">aaaaa<input id="aa" name="aa" type="button" value="确定"/></div>

</body>

</html>

不会的话可以加我:409067940