Javascript

Javascript基础语法与应用

用户录入：prompt();   空格
confirm() 确定返回true
字符串函数方法：
charAt(index) 返回在指定位置的字符 //返回指定位置的字符串
indexOf(str) 查找某个指定的字符串在字符串中首次出现的位置 //包含就返回下标 否则返回-1
substring(index1，index2) 返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2对应的字符
split(str) 将字符串分割为字符串数组

数组常用方法：
length 设置或返回数组中元素的数目
join( ) 把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
sort() 对数组排序
push() 向数组末尾添加一个或更多 元素，并返回新的长度

事件：
onload 一个页面或一幅图像完成加载
onclick 鼠标单击某个对象
onmouseover 鼠标指导移到某元素上
onkeydown 某个键盘按键被按下
onchange 域的内容被改变
onmouseOut 鼠标从某元素离开
onblur 鼠标从某元素离开
onFocus 点击事件 onmousedown
onkeypress 某个键盘按键被按下松开时

window的方法：
history 有关客户访问过的URL的信息
location 有关当前 URL 的信息 “写要跳转的文件路径”;
例： window.location = “https://www.baidu.com/”; //链接百度网址

window对象的常用方法:
prompt( ) 显示可提示用户输入的对话框
alert( ) 显示带有一个提示信息和一个确定按钮的警示框
confirm( ) 显示一个带有提示信息、确定和取消按钮的对话框
close( ) 关闭浏览器窗口 例 window.close();
open( ) 打开一个新的浏览器窗口，加载给定 URL 所指定的文档
setTimeout( ) 在指定的毫秒数后调用函数或计算表达式
setInterval( ) 按照指定的周期（以毫秒计）来调用函数或表达式

例： window.open(“弹出窗口的url”,“窗口名称”,“窗口特征”) //跳转页面
window.open(“adv.html”,)
window.open(“adv.html”,”",“height=500,width=600,left=500,top=300”)
open窗口特征 ：
height、width 窗口文档显示区的高度、宽度。以像素计
left、top 窗口的x坐标、y坐标。以像素计
toolbar=yes | no |1 | 0 是否显示浏览器的工具栏。黙认是yes
scrollbars=yes | no |1 | 0 是否显示滚动条。黙认是yes
location=yes | no |1 | 0 是否显示地址地段。黙认是yes
status=yes | no |1 | 0 是否添加状态栏。黙认是yes
menubar=yes | no |1 | 0 是否显示菜单栏。黙认是yes
resizable=yes | no |1 | 0 窗口是否可调节尺寸。黙认是yes
titlebar=yes | no |1 | 0 是否显示标题栏。黙认是yes
fullscreen=yes | no |1 | 0 是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式

history对象：
back() 加载 history 对象列表中的前一个URL 后退
forward() 加载 history 对象列表中的下一个URL 前进
go() 加载 history 对象列表中的某个具体URL

location 对象的常用：
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URL的主机名
href 设置或返回完整的URL //页面跳转 当前页面打开
reload() 重新加载当前文档
replace() 用新的文档替换当前文档
document.location 返回当前url

Document对象常用：
referrer 返回载入当前文档的URL
URL 返回当前文档的URL
getElementById() 返回对拥有指定id的第一个对象的引用
getElementsByName() 返回带有指定名称的对象的集合
getElementsByTagName() 返回带有指定标签名的对象的集合
write() 向文档写文本、HTML表达式或JavaScript代码

data对象的方法:
getDate() 返回 Date 对象的一个月中的每一天，其值介于1～31之间
getDay() 返回 Date 对象的星期中的每一天，其值介于0～6之间
getHours() 返回 Date 对象的小时数，其值介于0～23之间
getMinutes() 返回 Date 对象的分钟数，其值介于0～59之间
getSeconds() 返回 Date 对象的秒数，其值介于0～59之间
getMonth() 返回 Date 对象的月份，其值介于0～11之间
getFullYear() 返回 Date 对象的年份，其值为4位数
getTime() 返回自某一时刻（1970年1月1日）以来的毫秒数
例 ： var today=new Date(); //返回当前日期和时间
var today = new Date();
var hh = today.getHours(); – 获取时分秒
var mm = today.getMinutes();
var ss = today.getSeconds();

math对象：
ceil() 对数进行上舍入 Math.ceil(25.5);返回26
Math.ceil(-25.5);返回-25
floor() 对数进行下舍入 Math.floor(25.5);返回25
Math.floor(-25.5);返回-26
round() 把数四舍五入为最接近的数 Math.round(25.5);返回26
Math.round(-25.5);返回-26
random() 返回0~1之间的随机数 Math.random();例如：0.6273608814137365

定时函数：
t = setTimeout(“调用的函数”,等待的毫秒数)
清除函数：
clearTimeout(t)

innerHTML 获取文本
parentNode 返回节点的父节点
childNodes 返回子节点集合，childNodes[i]
firstChild 返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点
lastChild 返回节点的最后一个子节点
nextSibling 下一个节点
previousSibling 上一个节点

parentElement 返回节点的父节点
children 返回子节点集合
firstElementChild 返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点
lastElementChild 返回节点的最后一个子节点
nextElementSibling 下一个节点
previousElementSibling 上一个节点

nodeName：节点名称
nodeValue：节点值
nodeType：节点类型

节点类型 nodeType值
元素element 1
属性attr 2
文本text 3
注释comments 8
文档document 9

document 对象的方法：
getAttribute(“属性名”)
setAttribute(“属性名”,“属性值”)
removeChild( node) 删除指定的节点
replaceChild( newNode, oldNode)属性attr 用其他的节点替换指定的节点
createElement( tagName) 创建-一个标签名为tagName的新元素节点
A.appendChild( B) 把B节点追加至A节点的末尾
insertBefore( A,B ) 把A节点插入B节点之前
cloneNode(deep) 复制某个指定的节点

HTML元素.style.样式属性＝"值
例：document.getElementById(“titles”).style.color="#ff0000";
document.getElementById(“titles”).style.fontSize="25px ";

语法： HTML元素.style.样式属性; //只能获取内联样式
例 alert(document.getElementById(“cartList”).display);

语法：document.defaultView.getComputedStyle(元素,null).属性; //标准浏览器的写法
例 var cartList=document.getElementById(“cartList”);
alert(document.defaultView.getComputedStyle(cartList,null).display)

语法：HTML元素. currentStyle.样式属性; // ie浏览器的写法
例 ：alert(document.getElementById(“cartList”).currentStyle.display);

offsetLeft 返回当前元素左边界到它上级元素的左边界的距离，只读属性
offsetTop 返回当前元素上边界到它上级元素的上边界的距离，只读属性
offsetHeight 返回元素的高度
offsetWidth 返回元素的宽度
offsetParent 返回元素的偏移容器，即对最近的动态定位的包含元素的引用
scrollTop 返回匹配元素的滚动条的垂直位置
scrollLeft 返回匹配元素的滚动条的水平位置
clientWidth 返回元素的可见宽度
clientHeight 返回元素的可见高度
例：
document.documentElement.scrollTop;
document.documentElement.scrollLeft; //标准浏览器写法
或者
document.body.scrollTop; //Chrome
document.body.scrollLeft;

背景 backgroundColor、backgroundImage、backgroundRepeat
文本 fontSize、fontWeight、textAlign、textDecoration、font、color
边距 padding、paddingTop 、paddingBottom、paddingLeft、paddingRight
边框 border、borderTop、borderBottom、borderLeft、borderRight