HTML-JS

一、对话框

     alert(‘welcome!’); // 一个按钮

     confirm(‘can you speak english?’);//两个按钮

     prompt (“how old are you?”,”23”);有默认回答，//两个按钮

二、关闭浏览器窗口

     方法1：

             <a href="javascript:self.close()">关闭窗口</a>

     方法2：

             <script > function NVGClose() { window.close(); } </script>

             <input type="button" value="关闭" οnclick=“NVGClose()">:

三、字符串

    3.1 length 用法：<字符串对象>.length；返回该字符串的长度。

    3.2 charAt() 用法：<字符串对象>.charAt(<位置>)；返回该字符串位于第<位置>位的单个字符。注意：字符串中的一个字符是第 0 位的，第二个才     是第 1 位的，最后一个字符是第 length - 1 位的。

    3.3 charCodeAt() 用法：<字符串对象>.charCodeAt(<位置>)；返回该字符串位于第<位置>位的单个字符的 ASCII 码。

    3.4 fromCharCode() 用法：String.fromCharCode(a, b, c...)；返回一个字符串，该字符串每个字符的 ASCII 码由 a, b, c... 等来确定。

    3.5 indexOf() 用法：<字符串对象>.indexOf(<另一个字符串对象>[, <起始位置>])；该方法从<字符串对象>中查找<另一个字符串对象>（如果给出     <起始位置>就忽略之前的位置），如果找到了，就返回它的位置，没有找到就返回“-1”。所有的“位置”都是从零开始的。

    3.6 lastIndexOf() 用法：<字符串对象>.lastIndexOf(<另一个字符串对象>[, <起始位置>])；跟 indexOf() 相似，不过是从后边开始找

    3.7 split() 用法：<字符串对象>.split(<分隔符字符>)；返回一个数组，该数组是从<字符串对象>中分离开来的，<分隔符字符>决定了分离的地方，它     本身不会包含在所返回的数组中。例如：'1&2&345&678'.split('&')返回数组：1,2,345,678，允许负数存在。

    3.8 substring() 用法：<字符串对象>.substring(<始>[, <终>])；返回原字符串的子字符串，该字符串是原字符串从<始>位置到<终>位置的前一位     置的一段。<终> - <始> = 返回字符串的长度（length）。如果没有指定<终>或指定得超过字符串长度，则子字符串从<始>位置一直取到原字符串         尾。如果所指定的位置不能返回字符串，则返回空字符串。

    3.9 toLowerCase() 用法：<字符串对象>.toLowerCase()；返回把原字符串所有大写字母都变成小写的字符串。

    3.10 toUpperCase() 用法：<字符串对象>.toUpperCase()；返回把原字符串所有小写字母都变成大写的字符串。

四、数组

4.1 定义

         var myArray = new Array(1, 4.5, ‘Hi’); //一维

        var myArray = new Array(new Arrar(),new Arrar());//多维

4.2 属性、方法

        length 用法：数组的长度。

        join() 用法：<数组对象>.join(<分隔符>)；返回一个字符串。

        reverse() 用法：<数组对象>.reverse()；使数组中的元素顺序反过来。

        slice() 用法：<数组对象>.slice(<始>[, <终>])；返回一个数组，该数组是原数组的子集，始于<始>，终于<终>。如果不给出<终>，则子集一直取到原数组的结尾。

        sort() 用法：<数组对象>.sort([<方法函数>])。

五、Math 对象。（Math.***）

5.1属性

         E 返回常数 e (2.718281828...)。

        LN2 返回 2 的自然对数 (ln 2)。

        LN10 返回 10 的自然对数 (ln 10)。

        LOG2E 返回以 2 为低的 e 的对数 (log2e)。

        LOG10E 返回以 10 为低的 e 的对数 (log10e)。

        PI 返回π（3.1415926535...)。

        SQRT1_2 返回 1/2 的平方根。

        SQRT2 返回 2 的平方根。

5.2 方法

        abs(x) 返回 x 的绝对值。

        acos(x) 返回 x 的反余弦值（余弦值等于 x 的角度），用弧度表示。

        asin(x) 返回 x 的反正弦值。

        atan(x) 返回 x 的反正切值。

        atan2(x, y) 返回复平面内点(x, y)对应的复数的幅角，用弧度表示，其值在 -π 到 π 之间。

        ceil(x) 返回大于等于 x 的最小整数。

        cos(x) 返回 x 的余弦。 exp(x) 返回 e 的 x 次幂 (ex)。

        floor(x) 返回小于等于 x 的最大整数。

        log(x) 返回 x 的自然对数 (ln x)。

        max(a, b) 返回 a, b 中较大的数。

        min(a, b) 返回 a, b 中较小的数。

        pow(n, m) 返回 n 的 m 次幂 (nm)。

        random() 返回大于 0 小于 1 的一个随机数。

        round(x) 返回 x 四舍五入后的值。

        sin(x) 返回 x 的正弦。

        sqrt(x) 返回 x 的平方根。    

         tan(x) 返回 x 的正切。

六、全局函数

        eval() 把括号内的字符串当作标准语句或表达式来运行。

        isFinite() 如果括号内的数字是“有限”的（介于 Number.MIN_VALUE 和 Number.MAX_VALUE 之间）就返回 true；否则返回 false。 isNaN() 如果括号内的值是“NaN”则返回 true 否则返回 false。

        parseInt() 返回把括号内的内容转换成整数之后的值。如果括号内是字符串，则字符串开头的数字部分被转换成整数，如果以字母开头，则返回“NaN”。

        parseFloat() 返回把括号内的字符串转换成浮点数之后的值，字符串开头的数字部分被转换成浮点数，如果以字母开头，则返回“NaN”。

         toString() 用法：<对象>.toString()；把对象转换成字符串。如果在括号中指定一个数值，则转换过程中所有数值转换成特定进制。

 七、DATE

var myDate=new Date()

方法	描述
Date()	返回当日的日期和时间。
getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth()	从 Date 对象返回月份 (0 ~ 11)。
getFullYear()	从 Date 对象以四位数字返回年份。
getYear()	请使用 getFullYear() 方法代替。
getHours()	返回 Date 对象的小时 (0 ~ 23)。
getMinutes()	返回 Date 对象的分钟 (0 ~ 59)。
getSeconds()	返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds()	返回 Date 对象的毫秒(0 ~ 999)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset()	返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate()	根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay()	根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCMonth()	根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCFullYear()	根据世界时从 Date 对象返回四位数的年份。
getUTCHours()	根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMinutes()	根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCSeconds()	根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getUTCMilliseconds()	根据世界时返回 Date 对象的毫秒(0 ~ 999)。
parse()	返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate()	设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth()	设置 Date 对象中月份 (0 ~ 11)。
setFullYear()	设置 Date 对象中的年份（四位数字）。
setYear()	请使用 setFullYear() 方法代替。
setHours()	设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()	设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds()	设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds()	设置 Date 对象中的毫秒 (0 ~ 999)。
setTime()	以毫秒设置 Date 对象。
setUTCDate()	根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth()	根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear()	根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours()	根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes()	根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds()	根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds()	根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
toSource()	返回该对象的源代码。
toString()	把 Date 对象转换为字符串。
toTimeString()	把 Date 对象的时间部分转换为字符串。
toDateString()	把 Date 对象的日期部分转换为字符串。
toGMTString()	请使用 toUTCString() 方法代替。
toUTCString()	根据世界时，把 Date 对象转换为字符串。
toLocaleString()	根据本地时间格式，把 Date 对象转换为字符串。
toLocaleTimeString()	根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleDateString()	根据本地时间格式，把 Date 对象的日期部分转换为字符串。
UTC()	根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。
valueOf()	返回 Date 对象的原始值。

 八、操作标签属性

1、修改CSS样式
    doc.style.属性＝"";

2、改变input值
    input1.value="值";
    input1.placeholder="";//无效再试试这个

3、获取标签或文字
    doc.innerHTML;

九、浏览器对象(Navigator)

属性：
appCodeName：返回浏览器的代码名，IE返回Mozilla
appName：返回浏览器名，IE返回“Microsoft Internet       Explorer”
appVersion：返回浏览器版本，包括版本号、语言、操作平台等
language：返回浏览器编译语言
platform：返回操作平台

十、屏幕对象(screen)

属性
screen对象－屏幕对象，描述屏幕的显示及颜色属性
	availHeight 屏幕区域的可用高度 
	availWidth 屏幕区域的可用宽度 
	colorDepth 颜色深度 256/8 16/16 32M/32  
	height 屏幕区域的实际高度 
	width 屏幕区域的实际宽度 

十一、窗口对象(Windows)

1、window对象的open()方法：打开一个新窗口
	参数：
	alwaysLowered 是否将窗口显示的堆栈后推一层 
	alwaysRaised 是否将窗口显示的堆栈上推一层 
	dependent 是否将该窗口与当前窗口产生依存关系 
	fullscreen 是否满屏显示 
	directories 是否显示连接工具栏 
	location 是否显示网址工具栏 
	menubar 是否显示菜单工具栏 
	scrollbars 是否显示滚动条
    status 是否显示状态栏 
	titlebar 是否显示标题栏 
	toolbar 是否显示标准工具栏 
	resizable 是否可以改变窗口的大小 
	screenX 窗口左边界距离 
	screenY 窗口上边界距离 
	top 窗口上边界 
	width 窗口宽度 
	height 窗口高度 
	left 窗口左边界 
	outerHeight 窗口外边界的高度 
	personalbar 是否显示个人工具栏 

2、父窗口与子窗口通信
    //创建窗口
    var newWin=null;
    newWin = window.open("test5.html",'ywz','width=300,height=300');
    //传值给子窗口
    newWin.document.getElementById()
    //子窗口传值给父窗口
     window.opener.document.getElementById()

12、位置对象(Location)

属性：
		hash 锚点名称 
		host 主机名称 
		hostname host:port 
		href 完整的URL字符串 
		pathname 路径 
		port 端口 
		protocol 协议 
		search 查询信息

方法：
		reload() 重新加载 
		replace() 用指定的网页取代当前网页，并且当按下浏览器的         “后退”键时将不能返回原先的网页

13、历史对象(History)

方法：
	back() 回到上一个历史记录中的网址（和按下“后退”键等效） 

	forward() 回到下一个历史记录中的网址 （和按下“前进”键等效）

	go(整数或URL) 前往历史记录中的网址（如果整数x>0，则前进x个地 址，如果整数x<0，则后退x个地址，如果x=0，则刷新当前页面）

14、DOM操作

1、创建节点
    document.createElement(节点类型)


2、添加节点
    document.body.appendChild(节点);
    如：添加新创建的节点
        var div=document.createElementById("div");
        document.body.appendChild(div);

3、插入/移动已有元素insertBefore() 
    插入：
        var list=document.getElementById("myList")
        list.insertBefore(newItem,list.childNodes[0]);
    移动：
        var node=document.getElementById("myList2").lastChild;
        var list=document.getElementById("myList1");
        list.insertBefore(node,list.childNodes[0]);

4、删除节点
    document.body.removeChild(节点);
    如：删除第一个子节点
        document.body.remove(document.body.childNodes[0]);

5、替换节点
    document.body.replaceChild(新节点，就节点)；
    如：把第一个子节点替换成新节点
        document.body.replaceChild(div,document.body.childNodes[0])

15、事件

onfocus：聚焦时触发的事件
onblur：失去焦点时出发的事件
onsubmit：提交表单时触发的事件
window.onload:窗口加载完毕时触发的事件
onmouseover：鼠标经过时触发的事件
onmouseout：鼠标移除时触发的时间