JavaScript整理

JavaScript是脚本语言

常用对话框：

• alert()——警告对话框，作用是弹出一个警告对话框
• confirm()——带确定和取消按钮，返回True或false
• prompt()——弹出一个可以输入内容的对话框

JavaScript语法

基本数据类型与C#基本一样，万能变量var——可以随便存储其它类型的值，可以直接使用

显式转换：

parseint()——转换为整数

parsefloat()——转换为小数

运算符：与C#一样

数学运算符：+ - * / % ++ --；

关系运算符：==  !=  >  >=  <  <=；

逻辑运算符:&&  ||  !；

其它运算符:+= -= *= /= %= ?:

分支语句：

if...else

循环语句：

for（）

数组：

new Array（）;——类型固定，长度不固定

数组属性：a.length；数组元素的个数

函数：

function 函数名(参数){}

function(){}——匿名函数

window对象：

• window.open("打开的网址""打开的位置")
• window.opener——打开此页面的上一个页面
• window.close()——关闭当前页面
• window.navigate("url")——超链接功能
• window.moveTo(x,y)——移动浏览器至某一位置
• window.resizeTo(x,y)——设置浏览器的宽高
• window.scrollTo(x,y)——锚点功能

定时器：

• window.setTimeout(function(){},间隔执行的时间)——等待多久后执行，仅执行一遍
• window.setInterval(function(){},间隔执行时间)——每隔多长时间执行一次，不会停止

window.history:

• window.history.back()——页面后退
• window.history.forward()——页面前进
• window.history.go(n)——前进后退,n为正数则前进n个页面，为负数则后退n个页面
• window.location.href="url"  ——超链接，主要
• window.status——操作页面底部工具条的对象

window.document：

• docunment.getElementById("id")；根据id找，最多找一个；
• docunment.getElementsByName("name")；根据name找，找出来的是数组；
• docunment.getElementsByTagName("name")；根据标签名找，找出来的是数组；
• docunment.getElementsByClassName("name") 根据classname找，找出来的是数组；

操作内容：

普通元素：

1.innerHTML：赋值：

var a= document.getElementById("id");

a.innerHTML = "<h1>aaaaaaa</h1>";

有<h1></h1>元素标记会被编译

取值：会将此元素内的所有内容包括元素标记都取出来

2.interText

赋值：会将赋的东西原样呈现

取值：只取文本内容

表单元素：所有表单元素取值赋值全用value

操作属性：

添加修改属性：对象.setAttribute("属性名","值")

如果没有此属性，那么会添加进去
如果已经有了此属性，那么会修改此属性的值

删除属性：对象.removeAttribute("属性名")

获取属性：对象.getAttribute("属性名")

操作样式

添加、修改样式：对象.style.样式名称=值

获取样式：对象.style.样式名称

相关元素

var a = document.getElementById("id");

取同辈的上一个和下一个元素：

var b = a.previousSibling，找a的上一个同辈元素

var b = a.nextSibling，找a的下一个同辈元素

取父级元素：var b = a.parentNode，找a的上一级父级元素

取子级元素：childNodes[n]找第几个

注意：回车和空格都算作一个元素