在浏览器中,window是最高一级,而window可以省略,例如:
window.document
window.location
window.onload
window.onresize
window.setTimeOut
window.setInterval
window.alert
window.console
元素相关:
var ele = document.getElementById(id);//通过id获取元素
var ele = document.getElementsByTagName(tagname);//通过标签名获取元素数组
var ele = document.getElementsByClassName(classname);//通过类名获取元素数组
var ele = document.getElementsByName(name);//通过name获取元素数组
var html = document.documentElement; //获取html标签
var body = document.body;//获取body标签
var head = document.head;//获取head标签
var ele = document.createElement(tag);//创建元素
ele.src = 'index.js';//设置元素属性
var src = ele.src;//获取元素属
ele1.appendChild(ele2);//在ele1内添加添加ele2元素
网页加载相关:
window.onload = function () {
//网页所有资源加载完成时执行,一个页面只能出现一次
};
window.resize = function () {
//窗口大小发生变化时执行
};
地址栏相关:
location.href //url
location.search //?后的请求参数
location.hash //#后内容
location.port //端口(如果为默认端口则为空)
location.hostname //域名
location.host //location.hostname + ':' + location.port
location.pathname //请求目录
设置等待时间:(time以毫秒为单位)
setTimeOut(function () {
//在time指定的时间后执行一次(仅执行一次)
}, time);
setInterval(function () {
//每隔time指定的时间就执行一次
}, time);
防止变量污染:
(function () {
//...
})();
css相关:
var display = ele.style.display;//获取内嵌css值
ele.style.display = 'display';//设置内嵌css值
var display = window.getComputedStyle(ele).display;//获取页面最终显示效果的css值
ajax相关:
var xmlhttp = new XMLHttpRequest();//创建对象
xmlhttp.open(method, url, async);//建立请求
xmlhttp.send(search);//发送请求
websocket相关:
var socket = new WebSocket();//创建websocket对象
其他:
btn.click();//模拟按钮点击
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于