间隔执行一段代码：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. Laravel5.0学习--01 入门

    本文以laravel5.0.22为例. 生产环境建议使用laravel5.1版本,因为该版本是长期支持版本.5.1文档更详细:http://laravel-china.org/docs/5.1. 环境 ...

  2. [Spring框架]Spring IOC的原理及详解。

    这里感谢 CSDN 的原博客:http://blog.csdn.net/m13666368773/article/details/7802126 看后  受益匪浅,这里再重温一遍Spring IOC ...

  3. Atitit  图像处理底色变红的解决

    Atitit  图像处理底色变红的解决 1.1. 原因  ImageIO  bug ,alpha通道应该在保存jpg的时候排除1 1.2. 解决,自己移除alpha通道即可1 2. Image sav ...

  4. mysql修改密码

    mysql修改password >mysqladmin -u root -p password newpassword 就这么简单

  5. OpenCascade Application Framework Introduction

    OpenCascade Application Framework Introduction eryar@163.com 本教程介绍了Open CASCADE程序框架(Application Fram ...

  6. HTML5标签嵌套规则

    × 目录 [1]分类 [2]子元素 [3]总结 前面的话 在html5中,<a>元素的子元素可以是块级元素,这在以前是被认为不符合规则的.本文将详细介绍html5的标签嵌套规则 分类 ht ...

  7. JS实现弹出层对话框

    点击按钮后,弹出层对话框,可交互,点击关闭后才关闭掉对话框. 效果图: 源码: <!doctype html> <html> <head> <meta cha ...

  8. Csstyle - 创建简洁、可维护强的 CSS 样式

    Csstyle 是一种现代的方式,用于制作精美的可维护样式表.这个 Csstyle 方法使用 SASS 混入,使你的 CSS 更具可读性和语义,并为你生成选择器,自动处理嵌套等事情. Csstyle ...

  9. Tomcat源码分析

    前言: 本文是我阅读了TOMCAT源码后的一些心得. 主要是讲解TOMCAT的系统框架, 以及启动流程.若有错漏之处,敬请批评指教! 建议: 毕竟TOMCAT的框架还是比较复杂的, 单是从文字上理解, ...

  10. 在SQL Server里禁用聚集索引——真的好么？

    有人问了我一个最有意思的问题:“你能禁用聚集索引么?” 对这个问题,我先是吓了一跳,因为我从未想过禁用聚集索引,因为聚集索引代表表数据,对这个最有趣问题,我立即答道:“我认为可以,但是...” 好吧, ...