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

本文链接：https://blog.csdn.net/xbc1213/article/details/50555959

重定向到指定网站

语法: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>