首页 / JAVASCRIPT / javaScript浏览器对象

javaScript浏览器对象

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javaScript浏览器对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2535字，纯文字阅读大概需要4分钟。

内容图文

window对象

alert() 显示带有一段消息和确认按钮的警告框
prompt()    显示可提示用户输入的对话框
confirm()   显示带有一段消息以及企鹅人按钮和取消按钮的对话框
open()  打开一个新的浏览器窗口或者找一个已命名的窗口
close() 关闭浏览器窗口
print() 打印当前窗口的内容
focus() 把键盘焦点给予一个窗口
blur()  把键盘焦点从顶层窗口移开
moveBy()    可相对窗口的当前坐标把他移动指定的像素
moveTo()    把窗口的左上角移动到一个指定的坐标
resizeBy()  按照指定的像素调整窗口的大小
resizeTo()  把窗口的大小调整到指定的宽度和高度
scrollBy()  按照指定像素值来滚动内容
scrollTo()  把内容滚动到指定坐标
setInterval()   每隔指定的事件执行的代码
setTimeout()    在指定的延迟时间之后来执行代码
clearInterval() 取消setInterval设置
clearTimeout()  取消setTimeout设置
定时器：
setInterval(代码,交互时间);
  　　var attime;
  　　function clock(){
    　　var time=new Date();          
    　　attime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
    　　document.getElementById("clock").value = attime;
  　　}
  　　setInterval(clock,1000); 

计时器：
setTimeout(代码,延迟时间);

var num=0;
function numCount(){
 document.getElementById(‘txt‘).value=num;
 num=num+1;
 setTimeout("numCount()",1000);
 }
History对象

history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。
window.history.[属性|方法]
length  返回浏览器历史列表中的URL数量
back（）  加载history列表中的第一个URL     
forward（） 加载history列表中的下一个URL
go()  加载history列表中的某个具体的页面
back()方法，加载 history 列表中的前一个 URL。


比如，返回前一个浏览的页面，代码如下：
window.history.back();
注意：等同于点击浏览器的倒退按钮。
back()相当于go(-1),代码如下:
window.history.go(-1);

返回下一个浏览的页面
forward()方法，加载 history 列表中的下一个 URL。
如果倒退之后，再想回到倒退之前浏览的页面，则可以使用forward()方法,代码如下:
window.history.forward();
forward()相当于go(1),
window.history.go(1);

        LOCATION对象属性
属性                       描述
hash          设置或返回从（#）开始的URL（锚）
host          设置或返回主机名和当前URL的端口号
hostname      设置或返回当前URL的主机名
href          设置或返回完整的URL
pathname      设置或返回当前URL的路径部分
port          设置或返回当前URL的端口号
protocol      设置或返回当前URL的协议
search        设置或返回从问号（？）开始的URL（查询部分）

LOCATION对象方法
属性               描述
assign（）    加载新的文档
reload（）    重新加载当前文档
replace（）   用新的文档替换当前文档

        Navigator对象
属性                        描述
appCodeName      流浪器代码名的字符串表示
appName          返回浏览器的名称
appVersion       返回浏览器的平台和版本信息
platform         返回运行浏览器的操作系统平台
userAgent        返回由客户机发送服务器的user-agent头部的值

        显示浏览器和浏览器相关信息
<script type="text/javascript">
  function validB(){ 
    var u_agent =navigator.userAgent;       ; 
    var B_name="不是想用的主流浏览器!"; 
    if(u_agent.indexOf("Firefox")>-1){ 
        B_name="Firefox"; 
    }else if(u_agent.indexOf("Chrome")>-1){ 
        B_name="Chrome"; 
    }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ 
        B_name="IE(8-10)";  
    }
        document.write("浏览器:"+B_name+"<br>");
        document.write("u_agent:"+u_agent+"<br>"); 
  } 
</script>
window.screen 对象

document.write( "屏幕宽度："+screen.width+"px<br />" );   //查看屏幕宽度
document.write( "屏幕高度："+screen.height+"px<br />" ); //查看屏幕高度
document.write("可用宽度：" + screen.availWidth); 　　//查看屏幕可用宽度
document.write("可用高度：" + screen.availHeight);　　//查看屏幕可用高度

原文：http://www.cnblogs.com/huhaoabc/p/7652803.html

内容总结

以上是互联网集市为您收集整理的javaScript浏览器对象全部内容，希望文章能够帮你解决javaScript浏览器对象所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1200455.html

来源：【匿名】

【上一篇】让一段js只适用于ie8，在谷歌等浏览器上不要生效【下一篇】javascript 怎么调用php方法

更多 ►

【javaScript浏览器对象】教程文章相关的互联网学习教程文章

Javascript高级程序设计——面向对象之实现继承【代码】

原型链：　　构造函数中都有一个prototype属性指针，这个指针指向原型对象，而创建的实例也有指向这个原型对象的指针__proto__。当实例查找方法时先在实例上找，找不到再通过__proto__到原型对象上查找。如果原型对象是另一个类型的实例，那么原型对象包含一个指向另一个原型对象的指针、另一个原型对象中也包含指向另一个构造函数的指针。原型连继承function superValue(){this.superValue = "superValue"; }superValue.prototype...

javascript声明对象时带var和不带var的区别【代码】

Javascript声明变量时var aaa = 111;和aaa = 111;两种方式一样吗?废话少说,先上代码.var aaa = 11;function test4(){var aaa = 22; }test4();console.log(aaa);结果是什么呢? 11这个好理解, 函数内的var aaa声明是内部变量,这时结果是第一个aaa的值.变动一下如下:var abc = 11;function test4(){abc = 22; }test4();console.log(abc);结果是什么呢? 22再改:function test4(){var aaa = 22; }test4();console.log(aaa);结果怎样? 运...

javaScript浏览器对象【代码】

window对象alert() 显示带有一段消息和确认按钮的警告框 prompt() 显示可提示用户输入的对话框 confirm() 显示带有一段消息以及企鹅人按钮和取消按钮的对话框 open() 打开一个新的浏览器窗口或者找一个已命名的窗口 close() 关闭浏览器窗口 print() 打印当前窗口的内容 focus() 把键盘焦点给予一个窗口 blur() 把键盘焦点从顶层窗口移开 moveBy() 可相对窗口的当前坐标把他移动指定的像素 moveTo() 把窗口的左上角移动...

《JavaScript 模式》读书笔记（5）— 对象创建模式1【代码】

这又是一个新的开始，对象的重要性不言而喻。在JavaScript中创建对象是十分容易的，之前聊过的对象字面量和构造函数都可以达到目的。但是本篇中，我们越过那些方法，以寻求一些额外的对象创建模式。　　本篇内容，我们将学到命名空间（namespace），依赖声明（dependency declaration）、模块模式（module pattern）、沙箱模式（sandbox pattern）。它们都可以帮助您组织应用程序代码的结构，并且降低隐含的全局变量带来的后果。其...

javascript事件对象

JavaScript基础17——js的Date对象【代码】【图】

1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>js的Date对象</title> 6<script type="text/javascript"> 7var date =new Date();8 document.write("当前日期："+ date);9// toLocaleString()方法，根据本地时间格式，把Date对象转换为字符串10 document.write("<br />格式化 toLocaleString()方法："+ date.toLocaleString()); 11// getFullYear()方法，得到当前的四位数年份12 ...

Razor 将C#对象转换成Javascript对象， json还原被转码的字符 &quot·· HTML转义符【代码】

Razor 将C#对象转换成Javascript对象在Razor中使用Json字符串，特殊字符被自动转义（如：\"->"）@{var jsonStr = Html.Raw(JsonUtil.ToJson(VieBag.data)); } <script> var data = JSON.parse(@jsonStr); </script> ViewBag.Data = list;<script type="text/javascript">//将数据对象转换为 JSON 格式，是为了在网页中通过使用JS将数据作为文本进行处理var data = @Html.Raw(Json.Encode(ViewBag.Data));for (var i = 0; i < ...

JavaScript对象的chapterII【图】

一、BOM对象 1.window对象——表示整个浏览器窗口常用方法： a)alert()——系统消息框 alert(‘Hello World‘); b)确认对话框——confirm() confirm("确定要删除吗) 该方法返回一个boolean值，如果点击ok返回true,点击...

javascript类型系统——日期Date对象【代码】

×目录[1]静态方法[2]构造函数[3]实例方法前面的话　　Date对象是javascript语言中内置的数据类型，用于提供日期和时间的操作接口。Date对象是在早期java中的java.util.Date类基础上创建的，为此，Date类型使用自UTC1970年1月1日0点开始经过的毫秒数来保存日期，它可以表示的时间范围是1970年1月1日0点前后的各1亿天。本文将详细介绍Date对象的用法静态方法　　在介绍Date对象的构造函数之前，先介绍静态方法。因为，Date对象的静态...

JavaScript--对象+函数

1. 复杂数据类型 Object ECMAScript中的对象其实就是一组数据(属性)和功能(方法)的集合。 1) 创建Object实例：　　1.使用构造函数创建，new Object() 　　　　var person = new Object(); 　　　　 person.name = "briup"; 　　　　person.age = 22; 　　2.使用对象字面量表示法　　　　不同的属性之间用‘,‘分割，属性名和属性值之间用‘:‘分割　　　　　　 var person = { 　　　　　　　　name : "briup",...

07.30《JavaScript》——JS创建对象的三种方式【代码】

1.第一种创建对象的方式：先定义类再创建对象 // 第一种创建对象的方式：先定义类再创建对象 function stu(sno, name, age){ 　　this.sno = sno; 　　this.name = name; 　　this.age = age; 　　this.study = function(){ 　　　　alert("学号为"+this.sno+"的学生,姓名叫做"+this.name+",正在努力学习,年龄为"+this.age); 　　} } var a = new stu(1,‘wang‘,23); a.study(); 2.第二种创建对象的方...

javascript 面向对象OOP笔记【代码】

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>OOP</title><script type="text/javascript">function myOOP() {alert(this.a);alert(this.b);}var a = 12;window.b = 2;window.onload = function(){var c = [1,2,3,4,5,6];var d = 7;c.e = 8;c.f = function () {alert(this.e);};c.f();this.myOOP();window.myOOP();myOOP();};</script> </head> <body> </body> </html> 原文：http://www.cnblogs.com/fen...

深入理解JavaScript的闭包特性如何给循环中的对象添加事件

初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。1. <!DOCTYPE HTML>2. <html>3. <head>4. <meta charset="utf-8" />5. <title>闭包演示</title>6. <style type="text/css"...

JavaScript设计模式：一、面向对象编程（第三节）【代码】

一、继承 js并没有继承这一个现有的机制，所以我们所说的继承是通过JS本身的机制去实现的。1、类式继承 1// 类式继承 2 3// 父类 4function SuperClass () {5this.superValue = true 6}7 8// 为父类原型添加方法 9 SuperClass.prototype.getSuperValue = function (arguments) { 10returnthis.superValue 11} 1213// 声明子类14function SubClass () { 15this.subValue = false16} 1718// 继承父类19 SubClass.prototype = new S...

javascript---事件对象【代码】

事件对象event　　如果是事件处理函数绑定的函数，浏览器会默认传递一个参数，event对象。而这个对象会根据触发的事件判断是鼠标事件还是键盘事件 //鼠标事件1 document.onclick=function(evt){ 2 alert(evt); //键盘事件3 }//键盘事件1 document.onkeydown=function(evt){ 2 alert(evt); //键盘事件3 } 由于IE浏览器和W3C浏览器获取event对象有不兼容的地方，所以...

首页 / JAVASCRIPT / javaScript浏览器对象

javaScript浏览器对象

内容导读

内容图文

内容总结

内容备注

内容手机端

【javaScript浏览器对象】教程文章相关的互联网学习教程文章

对象 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程