js window --浏览器对象模型

最新推荐文章于 2024-01-29 11:37:15 发布
最新推荐文章于 2024-01-29 11:37:15 发布
阅读量204 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiajia199470/article/details/53067811
版权

5、window.navigator 对象包含有关访问者浏览器的信息。

例子：

<div id="example"></div>

<script>

txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt+= "<p>Browser Name: " + navigator.appName + "</p>";
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt+= "<p>Platform: " + navigator.platform + "</p>";
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";
txt+= "<p>User-agent language: " + navigator.systemLanguage + "</p>";

document.getElementById("example").innerHTML=txt;

</script>

结果：

Browser CodeName: Mozilla

Browser Name: Netscape

Browser Version: 5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36

Cookies Enabled: true

Platform: Win32

User-agent header: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36

User-agent language: undefined


6、JS PopupAlert  消息框

6-1警告框、确认框、提示框

alter("111");

confirm("Press a button!");

提示框：（

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

）

prompt("请输入您的名字","Bill Gates") ;


7、计时

setTimeOut("alert("ok")", 5000);

警示框在5000毫秒（5秒后）弹出

例子：

<html>

<head>

<script type="text/javascript">

function timedText()

{

var t1=setTimeout("document.getElementById('txt').value='2 秒'",2000)

var t2=setTimeout("document.getElementById('txt').value='4 秒'",4000)

var t3=setTimeout("document.getElementById('txt').value='6 秒'",6000)

}

</script>

</head>


<body>


<form>

<input type="button" value="显示计时的文本" onClick="timedText()">

<input type="text" id="txt">

</form>


<p>点击上面的按钮。输入框会显示出已经逝去的时间（2、4、6 秒）。</p>

</body>


</html>



加儿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【001JavaScript Window - 浏览器对象模型】JavaScript Window对象：浏览器对象模型详解与应用指南
燃正科技
06-08 158
本教程将详细介绍 JavaScript 中的 Window 对象以及与浏览器对象模型（Browser Object Model）相关的功能。Window 对象表示浏览器窗口，并提供了许多与浏览器交互的方法和属性。
JavaScript Window - 浏览器对象模型
笔记
02-22 933
Window对象代表了一个浏览器窗口或一个框架，可以访问和操作浏览器的各个部分，如地址栏、历史记录、文档等。浏览器对象模型的主要用途是提供一个可以在浏览器窗口中操作的对象模型，从而实现网页的交互和动态效果。它是所有浏览器对象的根对象，可以访问浏览器的各个部分，如地址栏、历史记录、文档等。浏览器对象模型的主要用途是提供一个可以在浏览器窗口中操作的对象模型，从而实现网页的交互和动态效果。JavaScript可以使用浏览器对象模型来访问和操作网页中的表单元素，例如文本框、下拉框等，从而实现表单验证和提交。
JavaScript window-浏览器对象模型
余月初贰的博客
07-11 122
window对象所以浏览器都支持window对象，它表示浏览器窗口。所有JavaScript全局对象，函数以及变量均自动成为window对象的成员。全局变量是window对象的属性。全局函数是window对象的方法。甚至HTML DOM的document也是window对象的属性之一； 于此相同： window尺寸有三种方法能够确定浏览器窗口的尺寸。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：对于 Internet Explorer 8、7、
JavaScript Window---浏览器对象模型
weixin_30735745的博客
09-10 70
　　浏览器对象模型(BOM)使JavaScript有能力与浏览器"对话"。浏览器对象模型(Browser Object Model，BOM)尚无正式标准.因为现代浏览器(几乎)实现了JavaScript交互性方面的相同方法和属性,因此常被认为是BOM的方法和属性。 　　Window对象 　　所有浏览器都支持window对象。它表示浏览器窗口。所有JavaScript全局对象、函数...
JavaScript高级程序设计 第12章---BOM浏览器对象模型
weixin_40794404的博客
08-26 944
第12章 BOM 本章内容： 理解BOM的核心——window 对象 控制窗口及弹窗 通过location 对象获取页面信息 使用navigator 对象了解浏览器 通过history 对象操作浏览器历史 BOM是使用JavaScript 开发Web 应用程序的核心，提供了与网页无关的浏览器功能对象。
JavaScript Window-浏览器对象模型
zero_1996的博客
06-22 255
所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 window.document.getElementById("header");等同于document.getElementById("header");对于浏览器高
JavaScript基础----浏览器对象模型（BOM）
21号先锋者
02-24 166
它主要有window、frames、history、location以及navigator组成。其中window对象所包括的document对象又包括文档对象模型。浏览器对象的核心对象: （1）window:关联当前浏览器窗口。 （2）document:包含各类(x)HTML属性与文本片段的对象。 （3）frames[]:window对象包含的框架数组,每个框架依次引用另外的window对象...
JS-BOM（浏览器对象模型）
最新发布
weixin_46479909的博客
01-29 202
像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法。window对象是一个全局对象，也可以说是JavaScript中的顶级对象。BOM（Browser Object Model）是浏览器对象模型。window对象下的属性和方法调用的时候可以省略window。
javascript-bom-浏览器对象模型
pyhui的技术博客
08-12 259
bom 浏览器对象模型 window对象 打开一个网页 效果，打开了百度页面 从新的窗口 浏览器窗口内部的宽高 window的子对象 location对象 获取当前网址 访问一个网页 页面会跳转 在当前页会跳到百度页 会看到百度的一些console输出 重新加载本页面，刷新本页 效果同 弹出框 确认框 点击确定，返回true，点击取消，返回false ...
JavaScript Window浏览器对象模型原理解析
10-15
JavaScript中的Window浏览器对象模型(Browser Object Model, BOM)是一个重要的概念，它允许开发者通过JavaScript与用户浏览器进行交互。BOM并非一个正式的标准，而是基于现代浏览器实现的API集，这些API使得...
slide-bom:浏览器对象模型 (BOM) 的网页幻灯片
07-10
"Slide-BOM: 浏览器对象模型(BOM)的网页幻灯片" 是一个关于Web开发的主题，特别是聚焦在JavaScript中的浏览器对象模型（Browser Object Model）。"滑动炸弹"可能是指一种动态效果或者交互设计，其中幻灯片以滑动方式...
JavaScript Window浏览器对象模型方法与属性汇总
01-21
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 1. open方法 语法格式： window.open(URL,窗口名称,窗口风格) 功能：打开...
idea配置node项目
jiajia199470的博客
04-13 9606
项目结构
(解决qrcodejs二维码识别中文解码乱码问题)js ---str转utf8与utf-8转str
jiajia199470的博客
08-11 9368
1、字符编码的原理http://blog.csdn.net/xiaolei1021/article/details/52093706 1、 // UCS-2和UTF8都是unicode的一种编码方式 // js代码中使用的是UCS-2编码 2、 3、str2utf8: 1)字符转USC-2，用charCodeAt() 2）如英文的话，直接返回字符str.charAt(i)
使用webpack的plugins功能报错--configuration.module has an unknown property 'plugins'.
jiajia199470的博客
08-11 6867
configuration.module has an unknown property ‘plugins1、问题原因：是webpack版本不同，webpack.config.js配置不一样2、解决方案：webpack.config.js（主要看plugins位置）//注：“__dirname”是node.js中的一个全局变量，它指向当前执行脚本所在的目录。 var webpack = requir
JS初级-属性值修改、替换添加
jiajia199470的博客
10-20 4621
1、属性值的获取 HTML> http-equiv="Content-Type" content="text/html; charset=utf-8"> 无标题文档 /* HTML 的属性操作：读、写 属性名： 属性值： 读操作：获取、找到 元素.属性名 写操作：“添加”、替换、修改
懒加载核心实现之intersectionobserver 交叉观察器踩坑
jiajia199470的博客
11-10 2740
懒加载核心实现之intersectionobserver 交叉观察器踩坑前言浏览器的兼容情况你可能会遇到的兼容性问题再来看看主流库的实现也想尝鲜 IntersectionObserver？问答环节先天条件不足，那只能放弃吗？结论为什么写此文题外话 前言 懒加载是一种对网页性能优化的方式，它的原理是除了首屏资源，部分资源在浏览器滚动时出现在可视区域内的再惰性加载，而不一次性加载所有。这样做对网页性能以及用户体验都有提升。 如果你的懒加载方案是基于 intersectionobserver API ，出现懒加
npm切换下载url（nrm切换镜像源）
jiajia199470的博客
12-21 2253
1镜像使用方法 1通过config命令 2命令行指定 3编辑 npmrc 加入下面内容 2nrm切换镜像方法 1查看当前使用镜像registry1、镜像使用方法 （三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）: 1)通过config命令npm config set registry http://registry.cnpmjs.org npm info und
eslint语法检测规则
jiajia199470的博客
12-20 1708
1、常用规则 规则值 "off"或者0 //关闭规则关闭 "warn"或者1 //在打开的规则作为警告（不影响退出代码） "error"或者2 //把规则作为一个错误（退出代码触发时为1） 规则 "no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止
JavaScript对象属性与浏览器对象模型
- **对象模型**：JavaScript有一套丰富的内置对象和函数，如Array、Date、String等，以及DOM（Document Object Model）对象模型，用于操作网页元素。 - **内置对象和函数**：JavaScript提供了一系列内置对象和函数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值