间隔执行一段代码：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. atitit 短信验证码的源码实现  .docx

    atitit 短信验证码的源码实现  .docx 参考 Atitit usrQBM1603短信验证码规范1 主要方法1 源码实现1 参考 Atitit usrQBM1603短信验证码规范 主要方法 L ...

  2. iOS开发——高级语法篇&继承、实现、依赖、关联、聚合、组合的联系与区别

    继承.实现.依赖.关联.聚合.组合的联系与区别 分别介绍这几种关系: 继承 指的是一个类(称为子类.子接口)继承另外的一个类(称为父类.父接口)的功能,并可以增加它自己的新功能的能力,继承是类与类或者 ...

  3. 常用Math 方法

    /** * * @authors Your Name (you@example.org) * @date 2016-11-18 11:26:44 * @version $Id$ */ Math.pow ...

  4. HTML中的title换行问题

    有时我们需要在html元素的title中换行显示信息.以下几种方法均可以实现: 直接在titile属性中使用换行,如下所示: asd">asdsadsad</a> 在tit ...

  5. KnockoutJS 3.X API 第五章 高级应用(2) 控制后代绑定

    注意:这是一种高级技术,通常仅在创建可重用绑定的库时使用. 默认情况下,绑定仅影响它们应用到的元素. 但是如果你想影响所有的后代元素呢? 为此,只需从绑定的init函数中返回{controlsDesc ...

  6. DataGrid--多记录CRUD

    最近在做一个datagrid,但因为引用的Jquery,加上初学者,所以难免费尽周折.现在将完整版贴出来,跟大家分享,一起切磋,也方便自己回顾学习. ps:第一次发帖,不知排版效果如何,瑕疵勿怪. 首 ...

  7. 快速入门系列--MVC--04模型

    model元数据 闲来继续学习蒋金楠大师的ASP.NET MVC框架揭秘一书,当前主要阅读的内容是Model元数据的解析,即使是阅读完的现在,仍然有不少细节不是特别明白.好在这部分内容主要是关于Raz ...

  8. Js控制显示、隐藏文本框中的密码

    Js控制显示.隐藏文本框中的密码,也可称为是一款小型的JavaScript星号密码破解器,点击会显示出密码类型的文本框中的真实信息,再次点击则还原,程序 主要是获取HTML元素对象,然后强制更改元素属 ...

  9. hdu 1241 Oil Deposits (一次dfs搞定有某有)

    #include<iostream> #include<cstring> #include<cstdio> #include<algorithm> us ...

  10. Java多线程系列--“基础篇”10之 线程优先级和守护线程

    概要 本章,会对守护线程和线程优先级进行介绍.涉及到的内容包括:1. 线程优先级的介绍2. 线程优先级的示例3. 守护线程的示例 转载请注明出处:http://www.cnblogs.com/skyw ...