Day14
1-列举所有获取 DOM 元素的方法
var id=document.getElementById("id")
var cla=document.getElementsByClassName("class")
var Tagname=document.getElementsByTagName("input")
var name=document.getElementsByName("aaa")
var qsr=document.querySelector("div")
var qsrall=document.querySelectorAll("div")
2-列举添加 DOM 元素的方法
var P = document..createElement("p");
P.innerText="hello world";
var divs = document.getElementById('div');
divs.innerHTML = '新内容 <del>标签也可以生成</del>';
document.write('新设置的内容<p>标签也可以生成</p>');
3-列举移除 DOM 元素的方法
removechild()
remove()
empty()
4-分别列举 BOM 常用对象 location navigator history screen 中的属性和方法
history存访问记录的
window.history.back(); 后退:
window.history.forward();前进,但是必须被访问过才能前进
window.history.go(1) //number参数 前进后退都可以
location的属性和方法
console.log(window.location)
//打印地址栏在#后边的内容
console.log(location.hash)
//主机名和端口
console.log(location.host)
//主机名
console.log(location.hostname)
//文件 的路径---相对路径
console.log(location.pathname)
//端口号
console.log(location.port)
//协议
console.log(location.protocol)
//搜索内容
console.log(location.search)
onl oad = function() {
document.getElementById("btn").onclick = function() {
调整页面的地址
location.href = "http://www.jd.com" //属性
location.assign("http://www.jd.com") //方法
//重新加载
location.reload()
//以地址替换的形式,进行页面的转换
location.replace("http://www.jd.com"); //没有历史记录
}
}
screen对象
availHeight屏幕的高度像素减去系统部件高度之后的值
availWidth屏幕的宽度像素减去系统部件宽度后的值
height屏幕的高度像素
width屏幕的宽度像素
navigator对象
console.log(navigator.appCodeName);
console.log(navigator.appName);// 返回浏览器的名称。
console.log(navigator.appVersion);//返回浏览器的平台和版本信息。
console.log(navigator.clipboard);
console.log(navigator.geolocation);//经纬度
console.log(navigator.platform);// 返回运行浏览器的操作系统平台。
console.log(navigator.userAgent);// 返回由客户机发送服务器的 user-agent 头部的值