js学习记录

js作用:
一、写入HTML输出
二、对事件做出反应
三、改变HTML内容
四、改变HTML图像
五、改变HTML样式
六、验证输入
注释:
行注释://
块注释:/* */
变量(弱类型):var a;
循环语句:
for语句,for/in语句,while语句,do while语句
条件语句:
if…else、if…else if…else、switch语句
函数:
function func(参数){内容}
var func=function(参数){内容}
var func=new Function(“参数”,“处理+返回值”)
支持递归。
argument数组存放传入函数的所有参数,可模拟函数重载
bom:浏览器对象模型
navigator.appName 得到浏览器名称
location.href 当前网页地址,修改可跳转到另一个页面
screen.width屏幕宽
screen.height屏幕高
history 保存网页浏览记录
history.back()跳转到上一个网页
history.forward()跳转到下一个网页
history.go(val) val为-1 跳转到上一个页面,val为1 跳转到下一个页面
window(顶层窗口,以上方法都属于window下)
confirm(“内容”)确认框
alert(“内容”)提示框
prompt(“显示内容”,“默认值”)输入对话框
open(“新窗口的地址”,“一般不写”,“窗口特征,宽度或高度”)打开一个新窗口
close()关闭窗口
window.opener:得到创建这个窗口的窗口
定时器:
setInterval(“js代码”,毫秒数)每几毫秒执行一次
clearInterval(定时器名称)清除setInterval设置的定时器
setTimeout(“js代码”,毫秒数)延迟多少毫秒执行
clearTimeout(定时器名称)清除setTimeout设置的定时器
dom:文档对象类型
document对象:整个HTML文档
element对象:标签对象

属性对象:

文本对象
Node结点对象,是以上对象的父对象
写入HTML:
document.write(“val”)
获取对象:
document.getElementById(“id”)
document.getElementsByName(“id”)
document.getElementsTagName(“id”)
document.getElementsByClassName(“id”)
创建标签:
document.createElement(“Tag”);
创建文本:
document.createTextNode(“val”);
添加结点:
ID.appendChild(“Tag”);
ID.insertBefore(newNode,oldNode):在某个结点之前插入新的结点
替换结点:
ID.replaceChild(newNode,oldNode)
复制结点:
ID.cloneNode(boolean):true为复制子节点,false为不复制子节点

element对象:
ID.getAttribute(“name”)
ID.getAttributeNode(“name”)
ID.setAttribute(“name”,“value”)
ID.removeAttribute(“name”)

Node对象(ID):
属性:
nodeName:结点名称
nodeType:结点属性
nodeValue:结点值
parentNode:获取父节点
childNodes:获取所有子节点 //浏览器兼容性不好
firstChild:获取第一个子节点
lastChild:获取最后一个子节点
nextSibling:获取下一个兄弟结点
previousSibling:获取上一个兄弟结点

猜你喜欢

转载自blog.csdn.net/sm20170867238/article/details/89761026