javascript出发,在javascript

如何用JS来点击按钮

原理

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

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

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

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

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

演示

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

页面结构如图

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

然后输入

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

这行代码

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

相关问答

Q1: js/javascript 异步执行方法

var xmlHttp;

function createXMLHttpRequest(){

//Mozilla 浏览器（将XMLHttpRequest对象作为本地浏览器对象来创建）

if(window.XMLHttpRequest){ //Mozilla 浏览器

xmlHttp = new XMLHttpRequest();

}else if(window.ActiveXObject) { //IE浏览器

//IE浏览器（将XMLHttpRequest对象作为ActiveX对象来创建）

try{

xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

}catch(e){

try {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}catch(e){}

}

}

if(xmlHttp == null){

alert("不能创建XMLHttpRequest对象");

return false;

}

}

//用于发出异步请求的方法

function sendAsynchronRequest(url,parameter,callback){

createXMLHttpRequest();

if(parameter == null){

//设置一个事件处理器，当XMLHttp状态发生变化，就会出发该事件处理器，由他调用

//callback指定的javascript函数

xmlHttp.onreadystatechange = callback;

//设置对拂去其调用的参数（提交的方式，请求的的url，请求的类型（异步请求））

xmlHttp.open("GET",url,true);//true表示发出一个异步的请求。

xmlHttp.send(null);

}else{

xmlHttp.onreadystatechange = callback;

xmlHttp.open("POST",url,true);

xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");

xmlHttp.send(parameter);

}

}

//以上代码是通用的方法，接下来是调用以上的方法

function loadPros(title,count,pid,cid,level){

// 调用异步请求方法

url = "。。。。。。。。";

sendAsynchronRequest(url,null,loadCallBack);

}

// 指定回调方法

function loadCallBack(){

try

{

if (xmlHttp.readyState == 4) {

if (xmlHttp.status == 200) {

if(xmlHttp.responseText != null xmlHttp.responseText != ""){

var divProid = document.getElementById('videolist');

divProid.innerHTML = xmlHttp.responseText;

for(i=0;ilen;i++)

{

var video_url = document.getElementById("videolist"+i+"").href;

if(video_url != undefined video_url != null video_url != ""){

window.location.href = video_url;

}

}

}

}

}

if (xmlHttp.readyState == 1)

{

//alert("正在加载连接对象......");

}

if (xmlHttp.readyState == 2)

{

//alert("连接对象加载完毕。");

}

if (xmlHttp.readyState == 3)

{

//alert("数据获取中......");

}

}

catch (e)

{

//alert(e);

}

}

Q2: 我想用JS点击出发“下一页”效果应该怎么做？

思路：页面中放一个隐藏变量记录当前的页面序号，下一页就是取出当前号+1，上一页就取出当前号-1;

html

head

/head

body

paper78-01-01.htm

input type="hidden" name="pagenumber" value="01"

a href="javascript:goPrevious()"上一页a/a href="javascript:goNext()"下一页a/

script type="text/javascript"

//下一页

function goNext(){

goPage(parseInt(document.all.item("pagenumber").value)+1);

}

//上一页

function goPrevious(){

goPage(parseInt(document.all.item("pagenumber").value)-1);

}

//进入页号为pageNumber的页面

function goPage(pagenumber){

if(pagenumber1) {alert("到了首页");return;}

if(pagenumber3) {alert("到了第三页了");return;}

if(pagenumber10) pagenumber = "0"+pagenumber;

window.location.href="paper78-01-"+pagenumber+".htm";

}

/script

/body

html

Q3: javascript中onerror 什么时候触发，他的顺序是什么？

当页面出现错误的时候出发，你要重写onerror方法，然后在页面出错时就会调用他。

比如 你把alert 写成 aalert，运行时就会触发重写的onerror方法

Q4: javascript函数出发完成后销毁不会进入下步执行吗

不会

如果test内的abc前不写var 则会修改全局那个abc的值。

否则就是两个作用域的两个变量。

js的变量作用域就是从内往外找，找到声明就用，与上层的都没有关系了。找不到声明继续往上层找直到全局。所以js里不写var就会把变量定义到全局；