黑马程序员_JAVA 学习笔记30 WEB篇17

最新推荐文章于 2023-04-10 13:12:49 发布

Mr氵Mo

最新推荐文章于 2023-04-10 13:12:49 发布

阅读量509

点赞数

本文链接：https://blog.csdn.net/u010239616/article/details/19484807

版权

---------------------- ASP.Net+Android+IOS开发、.Net培训、期待与您交流！ ----------------------详细请查看：http://edu.csdn.net

下面是一个js中实现如<a>标签中的跳转功能：
<body>
<input type = "submit" value= "dengLu" onclick = "window.location.href =

'http://www.baidu.com'">
　　　 </body>
　　　
　　　下面是js的一个程序：
<script type="text/javascript">
function mover(object)
{
object.color = "red";
}
function mout(object)
{
object.color = "blue";
}

</script>

</head>

<body>
<font onclick = "window.location.href='http://www.baidu.com'"

οnmοuseοver="mover(this)" onmouseout = "mout(this)">OK</font>
<font onclick = "window.close()">ccc</font>
　　　 </body>
　　　
　　　其中 mover(this)中的this表示的是在哪个标签当中代表的就是谁，所以现在的

this代表的是当前的font对象的引用，所以传入函数中，就有clor属性了，因为font有这

些属性。
　　　 <input type = "submit" value = "denglu" onclick = "alert('hello

word')">
　　　上面也是一个事件。
定时器：
　　　表示经过多少毫秒执行一次表达示。
<script type="text/javascript">
function count()
{
setTimeout("alert('success!')",700);
}
</script>
</head>

<body>
<input type = "submit" value = "denglu" onclick = "count();">
　　　 </body>
　　　上面是setTimeout的例子。上面是经过多长时间执行一次不是反复执行，只执行

一次。
<script type="text/javascript">
function count()
{
//setTimeout("alert('success!')",700);
setInterval("alert('hello!')",700);
}
</script>
</head>

<body>
<input type = "submit" value = "denglu" onclick = "count();">
　　　 </body>
　　　这个是重复执行的。
　　　
　　　下面的代码是实现计时器的效果：
<script type="text/javascript">
var coun = 0;
var s ;
function count()
{
//setTimeout("alert('success!')",700);
s = setInterval("cc()",700);
}

function cc()
{
++coun;
if(coun < 8)
{
document.getElementById

("lab").innerHTML = coun;
}
else
{
clearInterval(s);
}
}
</script>
</head>

<body>
<input type = "submit" value = "denglu" onclick = "count();">
<label id = "lab">aa</label>
　　　 </body>
　　　
　　　也就是说当label标签中的值到7时会停止。
　　　给相应标签内容赋值要用innerHTML这个属性。
　　　setInterval如果放在成员变量位置的话会自动执行。而不用去调用。
<script type = "text/javascript">
function cc(object)
{
var pass = document.getElementById("password").value;
if(pass.length < 6)
{
alert("too sort");
object.focus();
object.select();
}
else
{
alert("OK");
}
}
</script>
</head>
<body>
<input type = "password" οnblur="cc(this);" id = "password">
　　　 </body>
　　　上面是一个密码验证的小程序，密码过短时提示并选中文本获得焦点。
　　　
　　　下面还有一个弹出窗口的对话框会根据对话框的返回值决定程序的后续流程：
<script type = "text/javascript">
if(confirm("are you ready?"))
{
window.location.href =

"http://www.google.com";
}
else
{
alert("bey!!");
　　　 }
　　　</script>
　　　Confirm是js的一个内置的方法，也就是说这个对话框的返回值只的真与假。