您的位置：首页 > 其它

Dom4(重定向,文本框自增,判断按键)

2016-01-21 16:14 232 查看

重定向到指定网站

语法:location.href=’需要跳转的网址’.

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type='text/javascript'>
onload=function(){
document.getElementById('btn').onclick=function(){
//navigate('http://wwww.baidu.com');//注释掉上一行,如果这样写的话,则直接跳转过去百度.然而谷歌跳转不过去.所以这种方法有待改进
location.href='http://www.baidu.com';//推荐使用这种方法,这边综合实验.不加window及加上window效果是相同的

};
//这里注意:要指定将匿名方法赋予它的单机事件中.要不然
};
</script>
</head>
<body>
<input type='button' name='name' value='关闭' id='btn'/>
</body>
</html>

文本框自增

主要使用定时器,获取当前文本框中的值.加一后赋予文本框的value属性

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type='text/javascript'>
onsd=function(){
var txtObj=document.getElementById('txt');//获取到id为txt的文本框对象
var num=parseInt(txtObj.value);
document.getElementById('txt').value=++num; //在这边++num是可行的.但是num++是不行的.注意
}
setInterval(onsd,10);
</script>
</head>
<body>
<input type='text' value='100000000'name='name' id='txt' />
<!--在这边需要注意的是type 类型text 为文本框 主要依靠id来判断-->

</body>
</html>

这里注意:使用了 parseInt(待转换的值)将值转换成int类型

判断用户按键

关键词:ctrlKey,altKey,shiftKey

语法:event.ctrlKey,event.shiftKey,event.altKey

该方法返回一个bool类型的参数

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type='text/javascript'>
onload=function(){
document.getElementById('dv').onclick=function(){
if(event.ctrlKey){
alert('用户按下了ctrl');
}else if(event.shiftKey){
alert('用户按下了shift');
}else if(event.altKey){
alert('用户按下了alt键');
}else{
alert('按下了鼠标');
}
};
};
</script>

<style type='text/css'>
div
{
width:200px;
height:500px;
background-color:yellow;
}
</style>
</head>
<body>
<div id='dv'>
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航