首页 > 代码库 > JS整理

JS整理

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="http://www.mamicode.com/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]找第几个

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

JS整理