初试ajax基础
这是我javascript第一课,javascript如何获取html页中控件,并设置或获取控件的值,以下是页面的源代码
第二课:如何使用setTimeout和setInterval,二者之间有什么区别?
先看setInterval("方法名","时间间隔"),该方法作用是:它从载入后,每隔指定的时间就执行一次表达式.
下面页面中函数的功能就是你将页面打开15秒后自动关闭,并将倒数计时写在页面上
<!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/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
function SetValue()
{
var myDom= document.getElementById("textbox1")
// var myDom=document.all.textbox1;
// var myDom=document.all.form1.textbox1;
myDom.value="123";
}
</script>
<form id="form1">
<input id="textbox1" name="textbox" type="text" maxlength="50" onmousedown="SetValue()" />
</form>
</body>
</html>
代码中注释的语句,也同样可以获取到“文本框”<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
function SetValue()
{
var myDom= document.getElementById("textbox1")
// var myDom=document.all.textbox1;
// var myDom=document.all.form1.textbox1;
myDom.value="123";
}
</script>
<form id="form1">
<input id="textbox1" name="textbox" type="text" maxlength="50" onmousedown="SetValue()" />
</form>
</body>
</html>
第二课:如何使用setTimeout和setInterval,二者之间有什么区别?
先看setInterval("方法名","时间间隔"),该方法作用是:它从载入后,每隔指定的时间就执行一次表达式.
下面页面中函数的功能就是你将页面打开15秒后自动关闭,并将倒数计时写在页面上
<!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/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body >
<script>
var i=0;
var count=16;
function GetDate()
{
i=i+1;
var myDiv = document.all.div1;
myDiv.innerHTML= count - i;
if((count-i)==0)
{
window.close();
}
}
</script>
<div id="div1" ></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body >
<script>
var i=0;
var count=16;
function GetDate()
{
i=i+1;
var myDiv = document.all.div1;
myDiv.innerHTML= count - i;
if((count-i)==0)
{
window.close();
}
}
</script>
<div id="div1" ></div>
</body>
</html>
下面来看看setTimeout():在载入后延迟指定时间后,去执行一次表达式,仅执行一次
<script language="javascript">
var i;
i=0;
function reloop()
{
i=i+1;
alert(String(i));
setTimeout("reloop()",1000);
}
reloop();
var i;
i=0;
function reloop()
{
i=i+1;
alert(String(i));
setTimeout("reloop()",1000);
}
reloop();
初试javascript,希望能给大家一点小小帮助,同时热切期待高手的指点.....