间隔执行一段代码：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)

	 }

 }

　　效果图如下：

JavaScript的DOM操作。Window.document对象的更多相关文章

  1. JavaScript（四）——DOM操作——Window.document对象

    一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunment.getElementById(&qu ...

  2. JavaScript——DOM操作——Window.document对象

    一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunment.getElementById(&qu ...

  3. HTML中 DOM操作的Document 对象详解(收藏)

    Document 对象Document 对象代表整个HTML 文档,可用来访问页面中的所有元素.Document 对象是 Window 对象的一个部分,可通过 window.document 属性来访 ...

  4. 第一百一十六节，JavaScript，DOM操作样式

    JavaScript,DOM操作样式 一．操作样式 CSS作为(X)HTML的辅助,可以增强页面的显示效果.但不是每个浏览器都能支持最新的CSS能力.CSS的能力和DOM级别密切相关,所以我们有必要检 ...

  5. 网站开发综合技术 三 JavaScript的DOM操作

    第3部分 JavaScript的DOM操作 1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Windows对象操作 ...

  6. Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:     var a =docunme ...

  7. Window.document对象 轮播练习

    Window.document对象 一.找到元素:     docunment.getElementById("id"):根据id找,最多找一个:     var a =docun ...

  8. HTML Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunmen ...

  9. JS中window.document对象

    小知识点注:外面双引号,里面的双引号改为单引号:                  在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中                  文本框取出来 ...

随机推荐

  1. MyBatis学习总结(一)——MyBatis快速入门

    一.Mybatis介绍 MyBatis是一个支持普通SQL查询,存储过程和高级映射的优秀持久层框架.MyBatis消除了几乎所有的JDBC代码和参数的手工设置以及对结果集的检索封装.MyBatis可以 ...

  2. No compatible targets were found.Do you wish to...的解决方案。

    首先看问题,这个错误是说明没有android虚拟机,那么新建一个就OK了. 假如出现了这个状况:就点击yes,然后new一个: 添加Name等等的属性,点击ok,再运行就可以了. 这种情况一般是第一次 ...

  3. 记一次裸迁 MySQL 经历

    记一次裸迁MySQL经历 前言:博主企业有一台企业阿里云机器,因为安装了云锁,造成服务器动不动就给我所死服务器.(就是那种 chattr +i /bin/bash ,分分钟日死狗 )趁着周末,Boos ...

  4. 实现List按与一个字符串的相似度和字母顺序排序（适用于模糊查询后的排序）

    因公司业务需要,自己写了一个,保存起来以后可能还会用到.如果还有更好的方法或者算法,希望大家提出来. 1.简单的相似度算法(自己想到的)      因为List中每个String都会包含一个标准的字符 ...

  5. jQuery插件之ajaxFileUpload

    原文:http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html ajaxFileUpload是一个异步上传文件的jQuery插件 ...

  6. 什么才是正确的javascript数组检测方式

    前面的话 对于确定某个对象是不是数组,一直是数组的一个经典问题.本文专门将该问题择出来,介绍什么才是正确的javascript数组检测方式 typeof 首先,使用最常用的类型检测工具——typeof ...

  7. HTML5移动Web开发（二）——配置移动开发环境以及简单示例

    一.准备 1.配置本地网络服务.对于Windows.Mac和Linux,最容易的方法是使用免费的XAMPP软件:http://www.apachefriends.org/en/index.html X ...

  8. Nodejs学习笔记（四）——支持Mongodb

    前言:回顾前面零零碎碎写的三篇挂着Nodejs学习笔记的文章,着实有点名不副实,当然,这篇可能还是要继续走着离主线越走越远的路子,从简短的介绍什么是Nodejs,到如何寻找一个可以调试的Nodejs ...

  9. Maven使用详解

    Maven使用详解 世间万物相生相克,今年本来的目标是主要研究asp.net mvc以及windows平台相关的DI, ORM框架,突然有一天想研究一个Java EE里面相应的框架都是怎么玩的,于是研 ...

  10. 微软公有云Windows Azure 2014-03-26 国内正式商用

    新浪科技讯 3月27日早间消息,微软国昨天下午宣布由世纪互联负责运营的Microsoft Azure公有云服务正式商用.这是国内首个正式商用的国际公有云服务平台.而开正式开放商用,意味着任何企业现在都 ...