JavaScript---网络编程(5)-自定义对象Json、Dom模型概念讲解-2

简介: JavaScript---网络编程(5)-自定义对象Json、Dom模型概念讲解

window对象中的对象


window 对象:

代表浏览器中一个打开的窗口。


navigator 对象

包含关于 Web 浏览器的信息。


属性— 描述

appCodeName— 获取浏览器的代码名称。

appMinorVersion— 获取应用程序的次版本值。

appName —获取浏览器的名称。

appVersion —获取浏览器运行的平台和版本。

browserLanguage —获取浏览器的当前语言。

cookieEnabled— 获取客户端的永久 cookie 是否在浏览器中启用。永久

cookies— 是储存在客户端计算机上的。

cpuClass— 获取指示 CPU 等级的字符串。

onLine —获取表明系统是否处于全局脱机模式的值。

platform —获取用户的操作系统名称。

systemLanguage— 获取操作系统适用的默认语言。

userAgent —获取等同于 HTTP 用户代理请求头的字符串。

userLanguage —获取操作系统的自然语言设置。


演示代码:

<html>
  <head>
    <title>Bom模型演示----window对象中的对象</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>
  <body>
    <!--
       window中的所有对象在调用时,可以省略: window.
    -->
    <script type="text/javascript" src="out.js">
    </script>
    <script type="text/javascript">
        function windowObjDemo(){
            var name = window.navigator.appName;//获取浏览器的名称。
            //var version = window.navigator.appVersion;
            var version = navigator.appVersion;//获取浏览器运行的平台和版本。
            println(name+"----"+version);
            var pro = location.protocol; //设置或获取 URL 的协议部分。
            println(pro);
            var addr = location.href;//设置或获取整个 URL 为字符串。
            println(addr);
        }   
        function windowObjDemo2(){
            //location.href ="http://www.baidu.com";//点击按钮,跳转到百度
            location.href ="5a.html";
        }   
        function windowObjDemo3(){
            history.forward();//从历史列表中装入下一个 URL。//相对定位-相对的下一个-相当于浏览器中的前进按钮
        }   
    </script>
    <input type="button" value="演示window中的对象1" onclick="windowObjDemo()" />
    <input type="button" value="演示window中的对象2" onclick="windowObjDemo2()" />
    <input type="button" value="演示window中的对象3" onclick="windowObjDemo3()" />
  </body>
</html>


5a.html:


<html>
  <head>
    <title>aa</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>
  <body>
    <script type="text/javascript">
        function windowObjDemo(){
            history.back();//从历史列表中装入前一个 URL。---相对定位,相对的前一个。-相当于浏览器中的后退按钮
        }   
    </script>
    <input type="button" value="演示window中的对象" onClick="windowObjDemo()" />
  </body>
</html>


这里很简单,就不贴浏览器演示结果图片了。


目录
相关文章
|
3月前
|
缓存 前端开发 JavaScript
JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式
本文深入解析了JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式(Hash路由和History路由)、优点及挑战,并通过实际案例分析,帮助开发者更好地理解和应用这一关键技术,提升用户体验。
128 1
|
3月前
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
74 1
|
3月前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
41 1
JavaScript中对象的数据拷贝
|
3月前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
3月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
3月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
4月前
|
XML 编解码 JavaScript
DOM(文档对象模型)和 BOM(浏览器对象模型)
【10月更文挑战第19天】在前端开发中,理解 DOM(文档对象模型)和 BOM(浏览器对象模型)是至关重要的。它们是 Web 开发的基础,为我们提供了与网页文档和浏览器进行交互的能力。
409 62
|
4月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
90 0
|
4月前
|
前端开发 JavaScript 程序员
【从前端入门到全栈】Node.js 之核心概念
【从前端入门到全栈】Node.js 之核心概念
|
4月前
|
设计模式 JavaScript 前端开发
探索JavaScript中的闭包:从基础概念到实际应用
在本文中,我们将深入探讨JavaScript中的一个重要概念——闭包。闭包是一种强大的编程工具,它允许函数记住并访问其所在作用域的变量,即使该函数在其作用域之外被调用。通过详细解析闭包的定义、创建方法以及实际应用场景,本文旨在帮助读者不仅理解闭包的理论概念,还能在实际开发中灵活运用这一技巧。

热门文章

最新文章