`

js学习之Location 对象以及 Navigator对象

JavaScript 
阅读更多
这两天一直看online小说,感觉太颓废了!作为一个毕业才一年的小伙子,我应该要有干劲,不然一直是个菜鸟怎么行呢!好吧,接着学习前端的js,学完了再去好好学习后台的SSH和mybatis之类的,现在只是项目中使用到,自己从没去深究也没系统的学习下,还是感觉啥都不会,哎!!!!:shock: 

Location 对象


把用户带到新的地址代码来自w3school 


<html>
<head>
<script type="text/javascript">
function currLocation()
{
alert(window.location)
}
function newLocation()
{
window.location="http://www.baidu.com"
}
</script>
</head>

<body>
<input type="button" onclick="currLocation()" value="显示当前的 URL">
<input type="button" onclick="newLocation()" value="改变 URL">
</body>

</html>


从新加在文档代码来自w3school 


<html>
<head>
<script type="text/javascript">
function reloadPage()
{
window.location.reload();
}
</script>
</head>
<body>

<input type="button" value="重新加载页面" onclick="reloadPage()" />

</body>
</html>


跳出框架代码来自w3school 


<html>
<head>
<script type="text/javascript">
function breakout()
  {
  if (window.top!=window.self) 
    {
    window.top.location="http://www.baidu.com"
    }
  }
</script>
</head>
<body>

<input type="button" onclick="breakout()" value="跳出框架！">

</body>
</html>


打开新的窗口(锚的数组)代码来自w3school 


<html>
<head>
<script type="text/javascript">
function linkTo(y)
{
var x=window.open("http://www.baidu.com","","scrollbars=yes,width=250,height=200")
x.location.hash=y
}
</script>
</head>

<body>
<h3>Links and Anchors</h3>
<p>点击一个按钮，来显示第二个窗口中的锚。</p>
<input type="button" value="0" onclick="linkTo(0)">
<input type="button" value="1" onclick="linkTo(1)">
<input type="button" value="2" onclick="linkTo(2)">
<input type="button" value="3" onclick="linkTo(3)">
</body>

</html>




Navigator对象


检测访问者的浏览器和版本号代码来自w3school 


<html>
<body>
<script type="text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
document.write("浏览器名称："+ browser)
document.write("<br />")
document.write("浏览器版本："+ version)
</script>
</body>
</html>


有关浏览器的更多信息代码来自w3school 


<html>
<body>
<script type="text/javascript">
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>")
</script>
</body>
</html>




有关访问者的浏览器的全部细节代码来自w3school 


<html>
<body>

<script type="text/javascript">
var x = navigator;
document.write("CodeName=" + x.appCodeName);
document.write("<br />");
document.write("MinorVersion=" + x.appMinorVersion);
document.write("<br />");
document.write("Name=" + x.appName);
document.write("<br />");
document.write("Version=" + x.appVersion);
document.write("<br />");
document.write("CookieEnabled=" + x.cookieEnabled);
document.write("<br />");
document.write("CPUClass=" + x.cpuClass);
document.write("<br />");
document.write("OnLine=" + x.onLine);
document.write("<br />");
document.write("Platform=" + x.platform);
document.write("<br />");
document.write("UA=" + x.userAgent);
document.write("<br />");
document.write("BrowserLanguage=" + x.browserLanguage);
document.write("<br />");
document.write("SystemLanguage=" + x.systemLanguage);
document.write("<br />");
document.write("UserLanguage=" + x.userLanguage);
</script>

</body>
</html>



根据浏览器提醒用户代码来自w3school 


<html>
<head>
<script type="text/javascript">
function detectBrowser()
{
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4))
  {alert("您的浏览器已经很棒了！")}
else
  {alert("您的浏览器需要升级了！")}
}
</script>
</head>

<body onload="detectBrowser()">
</body>

</html>
分享到：
| js学习之Frame、Frameset 以及 IFrame 对 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js对象层次• navigator •screen•window

    在提供的信息中，我们关注三个主要的对象：`navigator`、`screen`和`window`，以及它们关联的一些子对象。 `navigator`对象是关于用户浏览器的信息库，提供了如浏览器名称、版本、平台和是否支持Java等属性。例如，...

    【温故而知新】JavaScript的BOM之Navigator对象.md

    ### JavaScript的BOM之Navigator对象 #### 一、概念 在JavaScript中，BOM（Browser Object Model）是指浏览器对象模型，它定义了浏览器提供的各种对象，这些对象允许开发者通过脚本来控制浏览器的行为。BOM主要...

    js学习之Window对象

    JavaScript中的Window对象是浏览器环境中最基础且至关重要的对象，它代表了浏览器的窗口，并提供了与用户交互、控制文档以及访问浏览器特性的接口。在本文中，我们将深入探讨Window对象的各种属性、方法和事件，以便...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十六：浏览器对象模型

    JavaScript学习手册十六主要聚焦在浏览器对象模型（Browser Object Model，简称BOM）这一主题，它是Web前端开发中的重要组成部分。BOM允许JavaScript与浏览器进行交互，控制窗口、导航、历史记录、时间等特性，提供...

    javascript完全学习手册1 源码

    5.3 Navigator对象 105 5.4 Location对象 107 5.4.1 常用属性和方法 107 5.4.2 Location对象的应用实例 109 5.5 History对象 112 5.5.1 常用属性和方法 112 5.5.2 History对象的应用实例 113 5.6 Frame对象 115 ...

    javascript宿主对象之window.navigator详解

    总结来说，window.navigator对象是JavaScript中用于获取和处理浏览器信息的一个重要宿主对象。通过该对象提供的属性和方法，开发者能够判断出当前用户的浏览器类型、版本以及设备类型等信息，并据此做出相应的处理，...

    浅述Javascript的外部对象

    首先，BOM包含了Window、History、Location和Navigator对象，它们是JavaScript中用于控制浏览器窗口的主要对象。 1. Window对象是JavaScript中最重要的全局对象，它代表了浏览器的一个窗口或者一个标签页。Window...

    JavaScript对象参考手册

    - 在Web环境中，如`Window`、`Navigator`、`Screen`、`History`和`Location`等对象提供了浏览器相关信息和操作。例如，`Window`是顶级对象，代表浏览器窗口；`Navigator`包含浏览器信息；`Screen`描述显示器特性；`...

    038HTML-DOM对象.doc

    DHTML 对象模型如图－1 所示，包括 window 对象、document 对象、screen 对象、history 对象、location 对象、navigator 对象等。 2.1.2. screen 对象 screen 对象每个 Window 对象的 screen 属性都引用一个 Screen...

    JS_浏览器对象

    JavaScript中的浏览器对象是Web开发中不可或缺的一部分，它们提供了一种与用户交互以及访问浏览器特定功能的方式。本资料包“JS_浏览器对象”包含了对这一主题的深入探讨，适合那些希望增强JavaScript基础知识的学习...

    javascript完全学习手册2 源码

    5．3 Navigator对象 5．4 Location对象 5．4．1 常用属性和方法 5．4．2 Location对象的应用实例 5．5 History对象 5．5．1 常用属性和方法 5．5．2 History对象的应用实例 5．6 Frame对象 5．6．1 Frame对象概述 ...

    Javascript之BOM(window对象)详解_.docx

    location对象用于处理当前页面的URL，navigator对象则提供了关于用户浏览器的信息。 当页面包含框架时，每个框架都有自己的window对象，这些对象集合在window.frames中。可以通过索引或框架名称访问这些框架。例如...

    10JavaScript浏览器对象模型BOM.docx

    2. **Navigator对象**：Navigator对象提供了关于用户浏览器的信息，如浏览器名称、版本、平台等。虽然某些属性可能因隐私问题而不再准确，但`navigator.userAgent`仍然是识别浏览器类型和版本的常见方法。通过比较这...

    javascript从入门到跑路—–小文的js学习笔记（8）—–bom的对象及其用法—window 、History、location、navigator 、screen

    javascript从入门到跑路—–小文的js学习笔记（1）———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 一、BOM（Browers，Object，model）...

    javascript中的BOM与DOM、JS核心.pdf

    除了window对象之外，还有其他一些BOM对象，如document对象、location对象、navigator对象、screen对象、history对象、frames对象等。这些对象的属性和方法可以用来实现操作浏览器窗体和操作浏览器中载入的XHTML文档...

    JavaScript的浏览器对象详解

    3. **navigator对象**：navigator对象提供了关于用户浏览器的信息，如浏览器名称、版本、平台等。开发者可以使用`navigator.userAgent`来检测浏览器类型，实现跨浏览器兼容性处理。 4. **screen对象**：screen对象...

    javaScript对象模型与事件处理资料.pdf

    - **Location对象** 描述当前文档的URL，允许更改URL加载新的文档。 - **Navigator对象** 提供浏览器信息，如名称、版本等。 - **Screen对象** 提供有关用户显示器的信息，如分辨率和颜色深度。 4. **DOM与HTML...

    BOM和DOM对象的简单介绍

    在 JavaScript 中，BOM 和 DOM 对象是紧密相连的，BOM 对象提供了浏览器和屏幕的信息，而 DOM 对象提供了文档的结构和内容。只有通过 kombinieren BOM 和 DOM 对象，JavaScript 才能提供强大的功能和灵活性。

    第十五章JavaScript-HTMLDOM对象2022优秀文档.ppt

    Navigator对象提供了关于用户浏览器的信息，如`browserLanguage`属性返回浏览器的语言设置。此外，`document`对象提供了许多方法，如`alert()`用于弹出警告对话框，`getElementById()`用于获取ID匹配的元素，这在...

    21天学js总结

    在“21天学js”教程中，JavaScript作为一种强大的客户端脚本语言，广泛应用于网页交互和动态效果的实现。这个21天的学习旅程涵盖了JavaScript的基础到进阶内容，旨在帮助初学者快速掌握这一核心技术。 首先，我们从...

Magicbox
Global site tag (gtag.js) - Google Analytics