泉州一院皮肤科怎么样:javascript简单一问:

来源:百度文库 编辑:中科新闻网 时间:2024/04/27 23:00:20
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>

<script language="javascript">

function handler1()
{
document.test.result.value="Set by handler1"
document.test.clickMe.onclikc=handler2
}

function handler2()
{
document.test.result.value="Set by handler2"
document.test.clickMe.onclikc=handler1
}

</script>

</head>

<body>

<form name="test">

<input type="button" name="clickMe" value="Click Me!">
<p><input type="text" name="result" size="20"></p>

</form>

<script language="javascript">
document.test.clickMe.onclick=handler1
</script>

</body>
</html>

一:
document.test.clickMe.onclick=handler1
这句话什么意思?我以前总是见onClick写法,看这个很不习惯。。。呵呵
是否是在说设定clickMe点击就执行handler1,但handler1()是个函数,这种写法也不用加()么。。

二:
首先这个例子存在一点问题。我想要的是点一下按钮,在文本框中显示Set by handler1,然后在点一下按钮。在文本框
中显示Set by handler2,可是目前只能显示Set by handler1

谢谢

你的两个函数里面写错字了!!看你的onclick写成什么了:

document.test.clickMe.onclikc=handler2

document.test.clickMe.onclikc=handler1

一、解释document.test.clickMe.onclick=handler1以及handler1()函数

“document”是窗口对象(windows)的一个属性,它表示当前文档的意思。
一般的写法是windows.document,但是前面的窗口对象(windows.)可以省略。因此是document。

后面的.test.clickMe.onclick部分,注意看源文件。

<form name="test">

<input type="button" name="clickMe" value="Click Me!">
<p><input type="text" name="result" size="20"></p>

“test”是表单(form)的名字。
“clickMe”则是按钮(input)的名字。
“OnClick”跟很多程序设计语言里是一样的意思,表示单击鼠标的事件。
</form>

好了,再来看看handler1()函数。
其实你自己作个实验就知道了。
写不写上(),功能都可以实现。
我也是这几天自己动手做别的例子才知道。
至于为什么不写()也可一实现,我暂时无法解释理由。

二:功能为什么不能实现?
正如楼上Aleaf_com 所说。
你的onClick写错啦。
写正确就对了。

我也不习惯用上面这种格式
呵呵
直接用onclicl="函数名"的

试试这个
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>

<script language="javascript">

/*
function handler1()
{
document.test.result.value="Set by handler1"
document.test.clickMe.onclikc=handler2
}

function handler2()
{
document.test.result.value="Set by handler2"
document.test.clickMe.onclikc=handler1
}
*/
//设置一个全局变量来保存被按的次数
var i=1;
function gohere()
{
document.test.result.value="Set by handler"+i;
i++;
}

</script>

</head>

<body>

<form name="test">

<input type="button" name="clickMe" value="Click Me!" onclick="gohere()">
<p><input type="text" name="result" size="20"></p>

</form>

</body>
</html>