`

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 o history o location o frames[]; Frame o document  anchors[]; links[]; Link  applets[]  embeds[]  forms[]; Form  Button  Checkbox  elements...

    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[对象.属性]集锦

    适合JavaScript初学者参考学习 内容包含：SCRIPT 标记 windows对象 frame对象 location对象 document对象 form对象 复选框(checkbox)对象 单选按钮(radio)对象 Button对象 submit和reset对象 password对象 ...

    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从入门到跑路—–小文的js学习笔记（8）—–bom的对象及其用法—window 、History、location、navigator 、screen

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

    【JavaScript源代码】JavaScript中BOM和DOM详解.docx

    JavaScript中BOM和DOM详解 　目录　BOM（浏览器对象模型） 1. window 获取浏览器c窗口尺寸 2. screen 获取电脑屏幕大小 3. window 开启关闭窗口 4. 浏览器事件 5. location 6. history 7. navigator 获取浏览器相关...

    javascript学习笔记.docx

    f) 继承：只是在查询一个属性时自动发生，而不会在写属性时发生，就是说单写一个父类的属性时，JavaScript环境会为对象本身创建一个同名的属性，从此该属性就覆盖了父类中的属性。 12) 创建一个数组可用 new Array()...

    javascript_API

    超详细JavaScript_API文档 不能满足你，任你骂。 常用事件 Global对象 String对象 Math对象 Date对象 特殊事件 Window对象 window.open() Document对象 Location对象 Array对象 ...navigator对象 其他

    2.06 BOM操作.pdf

    BOM介绍 window对象 location对象 navigator对象 screen对象 history对象

    源文件程序天下JAVASCRIPT实例自学手册

    7.3 Navigator对象 7.3.1 获取浏览器信息 7.3.2 常见方法和属性汇总 7.4 Screen对象 7.4.1 获取客户端屏幕信息 7.4.2 定位窗口到指定位置 7.4.3 常见属性和方法汇总 7.5 History对象 7.5.1 使用back()和forward()...

    JavaScript基础和实例代码

    7.3 Navigator对象 7.3.1 获取浏览器信息 7.3.2 常见方法和属性汇总 7.4 Screen对象 7.4.1 获取客户端屏幕信息 7.4.2 定位窗口到指定位置 7.4.3 常见属性和方法汇总 7.5 History对象 7.5.1 使用back()和forward()...

    《精通Javascript+jQuery》光盘源码

    　2.10.3　location对象 　2.10.4　navigator对象 　2.10.5 screen对象 　第3章　ccCSS基础 　3.1　CSS的概念 　3.1.1　标记的概念 　3.1.2　传统HTML的缺点 　3.1.3　CSS的引入 　3.1.4　浏览器与CSS 　3.2　使用...

    JavaScript基本教程

    JavaScript中的Navigator浏览器对象 JavaScript中的Screen屏幕对象 JavaScript中的Window窗口对象 JavaScript中的History历史对象 JavaScript中的Location地址对象 JavaScript中的Document文档对象

    JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解

    location对象包含当前页面的URL信息。有些信息是只读的，有些信息是可以读写的比如href属性。我们不仅可以通过href属性来获取当前页面的URL信息，还可以通过修改href属性，来跳转到新的页面。 &lt;html&gt; &lt;...

    JavaScript语言参考手册

    这一章对应于 Window 对象和客户端与之相关的对象：Frame，Location 和 History。 Window 属性 方法 Frame Location 属性 方法 History 属性 方法 screen 属性 第七章 表单 这一章对应于使用表单，表单是出现在...

    JavaScript详解(第2版)

    　10.1.1　navigator对象的使用　 　10.1.2　window对象的使用　 　10.1.3　创建定时事件　 　10.1.4　Frame的使用　 　10.1.5　location对象　 　10.1.6　history对象　 　10.1.7　screen对象　 　10.2　应知应会　...

    js对象关系图 方便dom操作

    js对象关系图 JavaScript 对象参考手册 本参考手册描述每个对象的属性和方法，并提供实例。 Array Boolean Date Math Number String RegExp Global Browser 对象参考手册 本参考手册描述每个对象的属性和方法，并...

    JavaScript中文参考手册

    这一章对应于 Window 对象和客户端与之相关的对象：Frame，Location 和 History。 Window 属性 方法 Frame Location 属性 方法 History 属性 方法 screen 属性 第七章 表单 这一章对应于使用表单，表单...

    JavaScript基础PPT

    一、概述 二、语言的基础 三、基本对象 四、函数 五、Navigator浏览器对象 六、Screen屏幕对象 七、Window窗口对象 八、History历史对象 九、Location地址对象 十、Document文档对象 十一、事件处理

    JavaScript笔记.doc

    1、IE的”浏览器对象”属性：navigator.appName 21 2、使用地址对象：location.href 22 3、历史对象： 22 4、从URL串中获取信息： 22 5、图像映像前的确认消息： 23 6、使用cookie: 23 7、改变状态栏文本: 23 九、将...

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