javascript复习5：高级对象

最新推荐文章于 2022-12-09 13:07:30 发布

原创最新推荐文章于 2022-12-09 13:07:30 发布 · 398 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #JavaScript #Javascript #javaScript #JAVASCRIPT #web #Web #WEB

前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现网页的前进、后退、刷新、加载新文档等功能，并展示了如何获取当前屏幕尺寸、浏览器信息及Cookies状态等。通过具体代码示例，读者可以了解这些功能的具体实现方式。

<input type="button" value="Back" onclick="goBack()" /><br />
<input type="button" value="Forward" onclick="goForward()" /><br />
<input type="button" value="Back5" onclick="goBack5()" /><br />
<input type="button" value="Load new document" onclick="newDoc()" /><br />
<input type="button" value="Reload page" onclick="reloadPage()" /><br />
<input type="button" value="Replace document" onclick="replaceDoc()" /><br />

history

function goBack()
  {
  window.history.back()
  }

function goForward()
  {
  window.history.forward()
  }

function goBack5()
  {
  window.history.go(-5)
  }

location

document.write(location.href);

function newDoc()
  {
  window.location.assign("http://127.0.0.1/js1")
  }

function reloadPage()
  {
  window.location.reload()
  }

function replaceDoc()
  {
  window.location.replace("http://127.0.0.1/js1")
  }

screen

document.write("<p>Width: ")
document.write(screen.width + "</p>")
document.write("<p>Height: ")
document.write(screen.height + "</p>")
document.write("<p>Pixel Depth: ")
document.write(screen.pixelDepth + "</p>")

navigator

document.write("<p>浏览器：")
document.write(navigator.appName + "</p>")

document.write("<p>浏览器版本：")
document.write(navigator.appVersion + "</p>")

document.write("<p>代码：")
document.write(navigator.appCodeName + "</p>")

document.write("<p>平台：")
document.write(navigator.platform + "</p>")

document.write("<p>Cookies 启用：")
document.write(navigator.cookieEnabled + "</p>")

document.write("<p>浏览器的用户代理报头：")
document.write(navigator.userAgent + "</p>")

document.write("<p>是否在线：")
document.write(navigator.onLine + "</p>")