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的更多相关文章

  1. javascript DOM document属性

    DOM控制页面中的所有元素 每个载入浏览器的HTML文档都会成为Document对象,利用它可对HTML页面中的所有元素进行访问 常用属性: title:返回或设置当前文档的标题 常用方法 write ...

  2. 用JAVA编写浏览器内核之实现javascript的document对象与内置方法

    原创文章.转载请注明. 阅读本文之前,您须要对浏览器怎样载入javascript有一定了解. 当然,对java与javascript本身也须要了解. 本文首先介绍浏览器载入并执行javascript的 ...

  3. jsp中的javascript的$(document).ready( function() { $("#loginForm").validate()

    转自:https://bbs.csdn.net/topics/392459787?list=71147533 下面是jsp页面中的JavaScript代码 $(document).ready( fun ...

  4. Javascript的document对象

    对象属性 document.title                 //设置文档标题等价于HTML的<title>标签 document.bgColor               / ...

  5. javascript的document中的动态添加标签

    document的高级篇中提供了节点操作的函数,具体包括:获取节点,改变节点,删除节点,替换节点,创建节点,添加节点,克隆节点等函数.我们可以利用这些函数动态改变html的节点. 1.JavaScri ...

  6. javascript中document.appendChild和document.body.appendChild的问题

    在IE7中 var conentDiv = document.createElement("div"); document .body .appendChild(conentDiv ...

  7. javascript之document对象

    一.修改网页元素 当使用document提供的方法和Element的属性得到网页元素之后,就可以对元素的内容进行修改,如下例所示的“全选/全不选”的实现. 例3-17 <html> < ...

  8. JavaScript之document对象使用

    1.document 对象常用的有三种: A.document.getElementById:通过html元素的Id,来获取html对象.适用于单个的html元素. B.document.getEle ...

  9. JavaScript对象(document对象 图片轮播)

    图片轮播: 需要注意的HTML需要img标签,他和input标签一样,是非封闭的标签 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran ...

  10. [Javascript]jquery $(document).ready() 与window.onload的区别

    引用:http://www.jb51.net/article/21628.htm Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload ...

随机推荐

  1. 一个 VUE 组件:实现子元素 scroll 父元素容器不跟随滚动(兼容PC、移动端)

    介绍 我们经常遇到一种情况.当滑动滚动条区域时,子元素滚动条到底部或顶部时就会触发父级滚动条,父级滚动条同理会继续向上触发,直至body容器.这是浏览器默认的滚动行为. 但是很多情况,我们想要子元素滚 ...

  2. 紫书 习题 8-21 UVa 1621 (问题分析方法)

    知道是构造法但是想了挺久没有什么思路. 然后去找博客竟然只有一篇!!https://blog.csdn.net/no_name233/article/details/51909300 然后博客里面又说 ...

  3. SSIS安装以及安装好找不到商业智能各种坑

    原文:SSIS安装以及安装好找不到商业智能各种坑 这两天为了安装SSIS,各种头疼.记录一下,分享给同样遇到坑的.. 安装SSIS需要几个步骤. 先说一下我的情况,安装SQL的时候,一直默认下一步,没 ...

  4. 在oracle中采用connect by prior来实现递归查询

    注明:该文章为引用别人的文章,链接为:http://blog.csdn.net/apicescn/article/details/1510922 , 记录下来只是为了方便查看 原文: connect ...

  5. APK反编译去广告大揭秘

    APK反编译去广告 具体步骤: 1.下载 apktool 下载地址:https://code.google.com/p/android-apktool/downloads/list 2.通过apkto ...

  6. 程序员之---C语言细节12(指针和数组细节,&quot;//&quot;的可移植性说明)

    主要内容:指针和数组细节,"//"的可移植性说明 #include <stdio.h> int main(int argc, char **argv) { int a[ ...

  7. GNU-libiconv编码转换库的使用举例

    继GDAL库.PROJ库.HDF5库.TINYXML库之后,手上进行的项目又让我碰到了ICONV库.之前花了2天时间没有搞定,在甲方一直催促下,今天又捡起来搞搞,搞了一天最终搞定了.相关心得记录例如以 ...

  8. Block的使用--初探Block

    看了两天的Block. 网上是有非常多解说与教程,也有讲得非常好的.这里就主要解说下我的理解与收获.欢迎拍砖. 所谓block.我觉得应该是一个闭包函数.而闭包,就是说block以及内部全部的变量生命 ...

  9. CMD应用 qtp/winshell/cmd的交互

    =================================================================== '採用windows.shell的 sendkeys 方式: s ...

  10. rest_framework 序列化篇

    感谢alex和武沛齐老师 rest_framework中的序列化表示 from rest_framework import serializersclass RoleSerializer(serial ...