js定义的全局变量和全局方法都会放在window对象下,window关键字可以省略
滚动条
scrollTo(x,y)页面滚到指定位置
scrollBy(x,y)页面相对于当前位置滚动了多少距离
window.open()打开一个新的窗口访问指定页面
对话框————
alert(str)-----弹出消息对话框（对话框中有一个“确定”按钮）
confirm(str)-----弹出消息对话框（对话框中有一个“确定”按钮与“取消按钮” 分别返回true,false）
prompt(str,defaultValue)-----弹出消息对话框（对话框中有一个“确定”按钮,"取消"按钮与一个文本输入框）
定时器
setTimeout()--暂停指定的毫秒数后执行指定的代码
clearTimeout()--取消指定的setTimeout函数将要执行的代码
setInterval()--间隔指定的毫秒数不停的执行指定代码
clearinterval()--取消指定的setInterval 函数将要执行的代码
setTimeout(
function(){
console.log(1)
},0)
console.log(2);
console.log(3);
输出结果为2 3 1
单线程 多线程
js是单线程 按顺序执行
同步，异步 setTimeout 是异步方法
History对象，在浏览器历史纪录中导航
back()加载history列表中的前一个URL
forward()加载history列表中下一个URL
go(num)加载history列表中的某个具体页面
navigator.userAgent 返回由客户机发送服务器的user-agent头部的值
Location对象
scheme://host.domain:port/path/filename
scheme:http https
https:相对安全
http:相对不安全
https 访问的页面 资源https://xxx 会报错
http 访问的页面资源 http:// 不会报错
cheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机（http 的默认主机是 www）
domain - 定义因特网域名，比如 w3school.com.cn
port - 定义主机上的端口号（http 的默认端口号是 80）
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
filename - 定义文档/资源的名称
http 超文本传输协议 以 http:// 开头的普通网页。不加密。
https 安全超文本传输协议 安全网页。加密所有信息交换。
ftp 文件传输协议 用于将文件下载或上传至网站。
file 计算机上的文件。
location.search lang 判断页面使用哪种语言 中文 英语
location.reload() 重新加载当前页面
location.href="" 打开一个新的网页 有历史纪录
location.replace() 打开一个新的页面 没有历史纪录
hash 设置或返回从井号 (#) 开始的 URL（锚）。
host 设置或返回主机名和当前 URL 的端口号。
hostname 设置或返回当前 URL 的主机名。
href 设置或返回完整的 URL。
pathname 设置或返回当前 URL 的路径部分。
port 设置或返回当前 URL 的端口号。
protocol 设置或返回当前 URL 的协议。
search 设置或返回从问号 (?) 开始的 URL（查询部分）
获取元素的方法：
getElementsByName 通过标签名
getElementById 通过Id名
getElementsByTagName 通过标签名
getElementsByName getElementsByTagName 返回的是类数组 有length属性，其他属性不能用
Js Dom事件
onclick 鼠标点击某个对象
ondblclick 鼠标双击某个对象
onfocus 元素获得焦点
onblur 元素失去焦点
onmousedown 某个鼠标按键被按下
onmouseup 某个鼠标按键被松开
onmousemove 鼠标被移动
onchange 用户改变域的内容
onmouseout 鼠标从某元素移开
onmouseover 鼠标被移到某元素之上
如何在Js中设置元素的样式
oInput.onfocus = fuction(){
oInput.style.backgroundColor = 'red;'
}
oDilv.style.xxx 设置元素的样式
给元素添加class属性 用className
oInput.onfocus = fuction(){
oInput.className='active';
}
div.index 给div标签设置了一个新的属性
如何获取输入框里面的值
oInput.onchange = fuction(){
console.log(oInput.value)
} //input里的value属性,输出的就是输入框里面的值
如何点击页面从而获取位置信息进行跟随移动
document.oncontextmenu=function(event) {
event.preventDefault(); 组织页面**默认**的右键菜单出现
omenu.style.display='block';
var x=event.clientX+'px'; 注意的是clientX得到的数据类型是number
var y=event.clientY+'px';
omenu.style.left=x;
omenu.style.top=y;
}
