浏览器对象

来源：互联网发布：创维32e500e数据编辑：程序博客网时间：2024/05/21 06:33
一张示例代码图，供大家参考。
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>浏览器对象研究</title><script>// window 浏览器窗口对象，显示浏览器内部宽度和高度alert("window inner size:" + window.innerWidth + "x" + window.innerHeight);//navigator表示浏览器的信息console.log("browser name:" + navigator.appName);console.log("browser version:" + navigator.appVersion);console.log("browser language:" + navigator.language);console.log("browser platform:" + navigator.platform);console.log("browser userAgent:" + navigator.userAgent);//screen 表示屏幕的信息alert("screen size:" + screen.width + "x" + screen.height);//location 表示当前页面的URL信息console.log("location URL :" + location.href);//location.assign("http://www.baidu.com");//加载一个新页面//location.reload();//重载当前页面//document 表示当前页面，由于HTML在浏览器中以DOM形式表示为树形结构，document对象就是整个DOM树的根节点。document.title = "浏览器对象示例!";//要查找DOM树的某个节点，需要从document对象开始查找。最常用的查找是根据ID和Tag Name。//用document对象提供的getElementById()和getElementsByTagName()可以按ID获得一个DOM节点和按Tag名称获得一组DOM节点;console.log("document cookie:" + document.cookie);//存在第三方js调用当前页面cookie风险，服务器写cookie的时候可以设置httpOnly//history 保存了浏览器的历史记录,JavaScript可以调用history对象的back()或forward ()，相当于用户点击了浏览器的“后退”或“前进”按钮，用户体验非常不好，建议别用。</script></head><body></body></html>
阅读全文
0 0