zoukankan      html  css  js  c++  java
  • JavaScript的DOM操作。Window.document对象

    间隔执行一段代码:window.setlnteval("需要执行的代码",间隔毫秒数)

                 例 :      window.setlnteval("alert("你好")", 5000)      5秒后执行一次输出"你好"

    1、Window.document对象

    docunment.getElementById(" id  ")   根据id找,最多找一个

    var a= docunment.getElementById(" id  ")   将找到的元素放到变量中(赋值)

    docunment.getElementsByName("name")  根据name找名字,找出来的是数组

    docunment.getElementsByTagName("name")   根据标签名找,找出来的是数组

    docunment.getElementsByClassName("name") 根据classname找,找出来的是数组 

     2、获取非表单元素

    获取内容:

    a.innerHTML  将标签中的HTML代码和文字都获取

    ainnerText  只获取里面的文字    获取标签内部的值,用这两个属性

    格式如下 ;输出的值为<b>1234567</b>

    例:获取文本框中提交的value值 

    <body>
    <form>
    请输入文字:<input type="text"  value="" id="wz"/>   /*文本域*/
    <input type="button" value="按钮"  onclick="nn()">   /*普通按钮,鼠标点击时*/
    </form>
    
    </body>
    </html>
    <script>
     function nn()      /*函数,需要调用才能执行*/
     {
    	 var a= document.getElementById("wz").value     /*获取id为wz的标签中的value值*/
    	 alert("您输入的文字为"+a)     /*输出*/
     }
    
    </script>
    

    效果图如下:

      

    在a标签中添加 onclick="return flase" 则不会跳转链接

    操作内容:

    a.setAttribute("属性名","属性值")   设置一个属性进行更改

    a.getAttribute("属性名")    获取属性的值

    a.removeAttribute("属性名")  移除属性

    例:

    要求在文本框中输入123,并点击按钮

    <form>
    请在文本框中输入123:<input type="text"  value="" id="wz" sr="123"/>   /*文本框中需要输入123*/
    <input type="button" value="按钮"  onclick="nn()">       /*普通按钮,鼠标点击时执行函数*/
    </form>
    
    </body>
    </html>
    <script>
     function nn() /*函数*/
     {
          var a= document.getElementById("wz")    /*获取到id为wz的标签,并将获取到的元素赋值给a*/
    	  var a1=a.value     /*将a中的value值赋值给a1*/
    	  var b= a.getAttribute("sr");    /*获取a中的sr属性的值,并赋值给b*/
    	    if(a1==b)       /*判断,当a1=b(文本框中输入的值与我们设定的值相等时)*/
    		{
    			alert("输入正确")    /*输出*/
    		}
     }
    
    </script>
    

      

     2.延迟按钮 ,在十秒之后可点击

    <form>
    
    
    
    <input  type="button" id="a" disabled="disabled" value="十秒之后可点击(10)" />    /*设置一个按钮,并且不可点击*/
    
    </form>
    </body>
    </html>
    <script>
    
     var sj=10;
     var b=document.getElementById("a");
     function ty()
     {
    	 sj--;
    	 if(sj==0)
    	 {
    		b.removeAttribute("disabled")
    		b.value("同意") 
    	 }
    	 else
    	 {
    		 a.value="十秒之后可点击("+sj+")"
    		 window.setTimeout("ty()",1000)
    	 }
     }
    

      效果图如下:

  • 相关阅读:
    Nginx 部署多个 web 项目(虚拟主机)
    Nginx 配置文件
    Linux 安装 nginx
    Linux 安装 tomcat
    Linux 安装 Mysql 5.7.23
    Linux 安装 jdk8
    Linux 安装 lrzsz,使用 rz、sz 上传下载文件
    springMVC 拦截器
    spring 事务
    基于Aspectj 注解实现 spring AOP
  • 原文地址:https://www.cnblogs.com/zhaotiancheng/p/6105026.html
Copyright © 2011-2022 走看看