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>


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


目录
相关文章
|
11月前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
303 57
|
10月前
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
256 1
|
6月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
10月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具,通过它们可以动态地改变页面的内容、样式和行为,为用户提供丰富的交互体验。
|
10月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
322 5
|
10月前
|
缓存 前端开发 JavaScript
JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式
本文深入解析了JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式(Hash路由和History路由)、优点及挑战,并通过实际案例分析,帮助开发者更好地理解和应用这一关键技术,提升用户体验。
357 1
|
10月前
|
JavaScript 前端开发 开发者
.js的dom元素操作
【10月更文挑战第29天】通过灵活运用这些 DOM 元素操作方法,JavaScript 可以实现丰富的网页交互效果,如动态更新页面内容、响应用户操作、创建和删除页面元素等。在实际开发中,开发者可以根据具体的需求和场景,选择合适的 DOM 元素操作方法来实现所需的功能,为用户提供更加流畅和动态的网页体验。
|
11月前
|
设计模式 JavaScript 前端开发
探索JavaScript中的闭包:从基础概念到实际应用
在本文中,我们将深入探讨JavaScript中的一个重要概念——闭包。闭包是一种强大的编程工具,它允许函数记住并访问其所在作用域的变量,即使该函数在其作用域之外被调用。通过详细解析闭包的定义、创建方法以及实际应用场景,本文旨在帮助读者不仅理解闭包的理论概念,还能在实际开发中灵活运用这一技巧。
|
11月前
|
前端开发 JavaScript 程序员
【从前端入门到全栈】Node.js 之核心概念
【从前端入门到全栈】Node.js 之核心概念
|
11月前
|
JavaScript 前端开发 容器
js之dom学习
js之dom学习
161 0