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]找第几个
注意:回车和空格都算作一个元素