JavaScript个人笔记
ECMAScript
DOM
BOM
<script>
alert("您好")---->加载弹窗,任何位置都可以
</script>
变量的声明和赋值
var width --->var用于声明变量的关键字,width变量名
width = 5;
数据类型:undefined:声明后没赋值
boolean
string
number
null
object:对象,数组,null--》var a =[1,2,3,4](object)
运算符:算数运算符 + - * / % ++ --
赋值运算符 =
if条件语句
prompt()-->输入
alert()-->输出
区分大小写;
Typeof()返回类型;
函数:
parseInt("字符串")--》转成int类型
parseFloat();
isNaN();检查是否是非数字;
创建函数:
function 函数名(参数1,参数2){
script代码
}
调用函数:事件名 = "函数名()"
<script>
function xx(){
for(var i = 1;i<5;i++){
document.write("sb! <br>")
}
}
</script>
<input type="button" value="点我" onclick="xx()"/>
onload:页面加载;onload = "函数名()"--》加载就弹出窗口,window.open
带返回值:有两个作用,1执行函数体,2给一个返回值;
script内的叫全局变量;
函数体里的叫局部变量
window:
confirm var flag = confirm("确定要登录吗?");
close window.close();
open window.open("http://www.baidu.com");重新打开网页
window.location = "http://www.baidu.com";原网页打开
setInterval("函数名",时间)周期性调用函数,多次
setTimeOut("函数名",时间)只调用一次
获取标签里面的值(div,p,span)
var name = document.getElementById("id号").innerHtml
BOM编程
reload()刷新,history.back()返回主页面
history.forword()下一个
history.back():返回
document.getElementsByTagName("input");标签名
visible:元素可见
hidden:元素不可见
history对象
back()
forward()
go()
location
href
reload()
捕获鼠标移动时间:
onmouseover
onmousemove
getElementById()
按元素的ID名称来访问
getElementsByName()
按元素的name名称来访问
getElementsByTagName()
按标签来访问
getElementsByclassName()通过类名访问
var img = document.createElement():创建节点
img.setAttribute("属性名",值)
getAttribute()
appendChild():末尾追加方式插入节点
insertBefore():在指定节点前插入新节点
cloneNode():克隆节点
removeChild():删除节点
replaceChild( ) :替换节点
事件:
捕获:this.innerHTML
onload="xx()"
onunload="x()"
onchange="xxx()"
ondbclick="xx()"捕获双击触发的事件
reset重置
alert(v.substr(2,5));//第2个开始截取5个;
alert(v.substring(2,5));//第3个开始截取到第5;
var b = v.split(",")逗号分隔