首页 > 代码库 > JavaScript
JavaScript
JavaScript
常用对话框
alert()
confirm()
带确定和取消按钮
返回一个true或false
prompt()
可以允许用户输入内容的提示框
基础语法
非常像C#
变量
var万能变量
类型转换
var a = 10;
var a = "10";
显示转换
parseint()
parsefloat()
运算符
C#一样
分支语句
if...else if ...else
循环语句
for
数组
类型固定,长度不固定
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(){ 要执行的代码 },间隔执行时间)
每隔多长就执行一次,不会停止
如果需要停止那么调用方法:
变量.clearInterval();
window.history
window.history.back()
主要记住!!!
页面后退
window.history.forward()
页面前进
window.history.go(n)
前进后退都可以
window.location
window.location.href="http://www.mamicode.com/url"
主要记住!!!
超链接
window.status
操作页面底部工具条的对象
window.document
它可以将html中的元素提取到js里面,然后对它进行各种各样的操作
JS中的核心中的核心
取元素
按ID取
document.getElementById("id");
取一个对象
按Class
document.getElementsByClassName("class")
必须有s,因为取出来的是一堆对象
按Name
document.getElementsByName("name")
取一堆
按标签名
document.getElementsByTagName("标签名")
取一堆
相关元素操作
取同辈的上一个和下一个元素
取父级元素
取子级元素
注意:回车和空格都算作一个元素
操作样式
添加、修改样式
对象.style.样式名称=值
获取样式
对象.style.样式名称
操作属性
添加、修改属性
对象.setAttribute("属性名","值")
如果没有此属性,那么会添加进去
如果已经有了此属性,那么会修改此属性的值
删除属性
对象.removeAttribute("属性名")
获取属性
对象.getAttribute("属性名")
操作内容
普通元素
innerHTML
赋值
如果内容有元素标记,会被编译
取值
会将此元素内的所有内容包括元素标记都取出来
innerText
赋值
甭管你里面写的什么,我全部都给你原封不动的显示出来
取值
会忽略掉所有被编译的元素,只取文本内容
表单元素
所有表单元素取值赋值都用value
事件
onclick
ondblclick
onmouserover
onmouserout
onfocus
焦点进去
onblur
焦点丢失
onkeyup
键盘抬起事件
内容补充
获取某个元素的当前高度、宽度、左边距,上边距.....
offset....
浏览器尺寸改变触发的事件
window.onresize
JavaScript