JavaScript 与Document
JavaScript
JavaScript 是脚本语言, 需要有宿主文件, 他的宿主文件是HTML文件。
可以写在head中 body中 和</heml>之后 一般写在</html>之后
<script language="javascript">代码</script>
常用的三个对话框:
警告对话框 alert("") 例:alert("出现错误!");
确定对话框confirm("") 例:confrim(''确定要退出么?");
输入对话框prompt("") 例:prompt("请输入一个数字","这里只能输入数字"); 前一句是对话框上边提示内容 后一句是输入框中的提示内容
变量定义
变量定义 用var 定义
例:var a=3;var a="3" var a=ture; parseInt();强制转换为整型 isNaN();意思为 是不是不是一个数字 是数字返回flase 不是数字返回ture
var a=new Array(); 定义数组 长度是动态变化的,里边可以放任意类型元素。
a.sort();数组排序 按照每个元素的首字母从小到大排序 a.reverse();翻转数组 必须先对数组排序然后使用 使用后数组从大到小排序
函数:function 定义
Document
间隔与延迟
window.setlnterval(''要执行的代码",间隔的毫秒数); 表示间隔执行一段代码
window.clearlnterval("间隔的ID"); 循环一次后用来清除间隔执行的代码
window.setTimeout("要执行的代码",延迟的毫秒数); 延迟一段时间执行代码
window.clearTimeout("延时的ID"); 清除延迟
获取内容
alert(a.innerHTML);
例:<div id="m"><b>你好</b></div> 在script中的代码是 var a=document.getElementById("m");alert("a.innerHTML"); 输出的内容是<b>你好</b>
alert(a.innerText); 只获取里边的文字
字符串的操作
var s=new String(); 或 var s="aaaaaaaaaaa";
alert(s.toLowerCase()); 字符串转小写 toUpperCase() 转大写
s.split( - - ); 将字符串按照-拆开成三段
alert(s.substring(3,8)); 从第三个位置截取到第八个位置
alert(s.substr(3,8)); 从第三个位置截取八个字符长度
var d=new Date(); 获取当前时间 var d=new Date(2016,3,11) 定义时间2016年4月11日 月份定义要想要的月份-1
<body>
<input type="button" id="b1" value="提交" onclick="bian()"/>
<input type="button" id="b2" value="同意(10)" disabled="disabled" />
</body>
</html>
<script>
var n=10;var ad=document.getElementById("b2");
function bian()
{
n--;
if(n==0)
{
ad.removeAttribute("disabled");
ad.value ="同意";
}
else
{ ad.value ="同意("+n+")";
window.setTimeout("bian()",1000);
}
} </script>
两个按钮 同意按钮不可用 点击提交按钮 等待十秒之后同意按钮方开用
JavaScript 与Document的更多相关文章
- javascript DOM document属性
DOM控制页面中的所有元素 每个载入浏览器的HTML文档都会成为Document对象,利用它可对HTML页面中的所有元素进行访问 常用属性: title:返回或设置当前文档的标题 常用方法 write ...
- 用JAVA编写浏览器内核之实现javascript的document对象与内置方法
原创文章.转载请注明. 阅读本文之前,您须要对浏览器怎样载入javascript有一定了解. 当然,对java与javascript本身也须要了解. 本文首先介绍浏览器载入并执行javascript的 ...
- jsp中的javascript的$(document).ready( function() { $("#loginForm").validate()
转自:https://bbs.csdn.net/topics/392459787?list=71147533 下面是jsp页面中的JavaScript代码 $(document).ready( fun ...
- Javascript的document对象
对象属性 document.title //设置文档标题等价于HTML的<title>标签 document.bgColor / ...
- javascript的document中的动态添加标签
document的高级篇中提供了节点操作的函数,具体包括:获取节点,改变节点,删除节点,替换节点,创建节点,添加节点,克隆节点等函数.我们可以利用这些函数动态改变html的节点. 1.JavaScri ...
- javascript中document.appendChild和document.body.appendChild的问题
在IE7中 var conentDiv = document.createElement("div"); document .body .appendChild(conentDiv ...
- javascript之document对象
一.修改网页元素 当使用document提供的方法和Element的属性得到网页元素之后,就可以对元素的内容进行修改,如下例所示的“全选/全不选”的实现. 例3-17 <html> < ...
- JavaScript之document对象使用
1.document 对象常用的有三种: A.document.getElementById:通过html元素的Id,来获取html对象.适用于单个的html元素. B.document.getEle ...
- JavaScript对象(document对象 图片轮播)
图片轮播: 需要注意的HTML需要img标签,他和input标签一样,是非封闭的标签 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran ...
- [Javascript]jquery $(document).ready() 与window.onload的区别
引用:http://www.jb51.net/article/21628.htm Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload ...
随机推荐
- * ? 【a-z】【0-9】通配符 学习
通配符顾名思义就是通用的匹配信息的符号,比如星号(*)就是代表匹配零个或多个字符,问号(?)是代表匹配单个字符,中括号内加上数字[0-9]代表匹配单个阿拉伯数字的字符,而中括号内加上字母[abc]则是 ...
- Solr4.10.2集成Nutch1.9与自带UI界面使用
Solr4.10.2集成Nutch1.9与自带UI界面使用 一.Solr4.10.2与Nutch1.9集成 环境:Solr4.10.2已经配置在Tomcat上 Solr的Tomcat配置详见Solr4 ...
- XML快速注释
eclipse中编辑java或C/C++,python文件时,注释的快捷键均为 "CTRL + / ",编辑xml文件时,该快捷键无效. eclipse XML 注释:CTRL + ...
- 10个关于Android开发的实用教程
本文为致力于Android应用的开发人员精选了几个不错的实用教程,无论是初学者还是专业开发人员都应该能够从中获益.这些教程中有不少是关于绘图和地址服务运用的,另外一些则是SDK相关的.希望对大家有所帮 ...
- 11.Laravel5学习笔记:扩展 Validator 类
简单介绍 在 Laravel5 中,本身已经提供了丰富的验证规则供我们使用,可是天下应用奇葩多,做为程序猿你会发现永远都有新的验证规则诞生,光是组合已经解救不了你的项目了.这个时候就须要我们扩展 Va ...
- linux搜索文件过程
1.文件里的数据是放在磁盘的数据区中的,而一个文件名称则是通过相应的i节点与这些磁盘块联系起来.这些盘块的号码就存放在i节点的逻辑块数组i_zone[]中.在文件系统的一个文件夹中,当中全部文件名称信 ...
- 开源 java CMS - FreeCMS2.3会员个人资料
原文地址:http://javaz.cn/site/javaz/site_study/info/2015/28577.html 项目地址:http://www.freeteam.cn/ 个人资料 从 ...
- 8、java高级面向对象-重载、构造器重载、初始化块、this、super、对象构造和初始化分析、覆盖、toString
1.方法的重载(overload) 同一个类中同时存在一个以上的同名函数,参数个数或类型不同或顺序不同,称为方法的重载. 和返回值无关! 构造器重载:非默认构造器和默认构造器其实就是方法的重载. 2. ...
- mongodb官网文档阅读笔记:与写性能相关的几个因素
Indexes 和全部db一样,索引肯定都会引起写性能的下降,mongodb也没啥特别的,相对索引对读性能的提示,这些消耗通常是能够接受的,所以该加入的索引还是要加入.当然须要慎重一些.扯点远的,以前 ...
- 芒果TV真实视频地址解析
本文旨在互相学习,请勿滥用 若有幸被您引用请附加地址来源http://blog.csdn.net/feige2008/article/details/37579051 文章主要解析芒果TV的视频真实地 ...