JavaScript对象(window)

DOM:文档对象模型
文档:标签文档、网页

对象:文档中每个元素对象

模型:抽象化的东西 操作页面里边的所有内容,把每个内容看做对象

事件:预先设定好的程序,当满足没某个特定的条件的时候触发。

<body>
<input type="button" value="点击" onClick="dianJi()"/>   onclick后边的内容是调用了一个方法,写这个方法的时候要加上括号

</body>
<script>
function dianJi(){
	window.open("http://www.baidu.com","_blank","toolbar=no")}
</script>

  window对象:浏览器外层的(地址、前进、后退等)窗体对象。

document对象:网页的内容

opener:打开挡圈窗口的源窗口

window.open(第一部分,第二部分,第三部分,第四部分)

第一部分:写要打开的页面的地址;

第二部分:打开的方式,blank 是在新的窗口打开、self 在自身打开

第三部分:控制打开的窗口,可以写多个,用空格隔开

toolbar=no新打开的窗口无工具条

menubar=no 没有菜单栏   status=no没有状态栏
                   width=100 height=100 窗口的宽度、高度

location=yes 有地址栏

window.open("http://www.baidu.com","_blank","toolbar=no"); 在一个新窗口中打开百度。

打开窗口,并保存在一个变量中可以设置 只打开窗口一次,例子如下:

body>
<input type="button" value="点击" onClick="dianJi()"/>

</body>
<script>
var w;  变量w用来存储打开的窗口
function dianJi(){
	/*if(w==null){*/
	w=window.open("http://www.baidu.com","_blank","toolbar=no")}
</script>

 关闭窗口

w.close();

<body>
<input type="button" value="点击" onClick="dianJi()"/>
 <input type="button" value="点击2" onClick="guanBi()"/>
</body>
<script>
var w=new Array();
function dianJi(){
	/*if(w==null){*/
	w.push(window.open("http://www.baidu.com","_blank","toolbar=no"))}
function guanBi(){
	for(var i=0;i<w.length;i++){
		w[i].close();}}
</script>

 间隔、延迟

间隔:每隔一段时间执行一次。window.setInterval("要执行的代码",间隔的毫秒数) ;  清除;window.clearInterval(间隔的id); 循环一次之后用来清除隔几秒执行的代码

延迟:延迟一段时间在执行,只会执行一次.window.setTimeout("要执行的代码",延迟的毫秒数)  清除:window.clearTimeout(延迟的id);清除setTimeout,一般延迟执行较为常用。

window.setInterval("show()",2000);
function show(){
	alert("hello")}

  

<input type="button" value="点击" onClick="dianJi()"/>
 <input type="button" value="点击2" onClick="guanBi()"/>
</body>
<script>

	function show(){
		alert("kaishile")}
	var id;
	function dianJi(){
	 id=window.setInterval("show()",1000)}
	function guanBi(){
	 window.clearInterval(id)}
</script>

  

用延迟做间隔的效果:

 function show(){
		 alert("yixiaxia")
		 window.setTimeout("show()",1000)}
 show();

  

window.moveTo(x,y); 移动页面

window.resizeTo(宽,高); 调整页面

window.scrollTo(x,y);滚动页面至哪里

window.showModalDialog("url","向目标对话框传的值","窗口特征参数") 打开模态对话框

模态对话框必须关掉才能对后端操作。 模块对话框和窗口的区别是永远置顶。

特征参数:用分号隔开,像素大小用px。dialogHeight,dialogWidth,center,等

window.showModelessDialog("url","向目标对话框传的值","窗口特征参数")打开非模块对话框,不用关闭可以操作后面。

历史记录,通过历史记录可以操作页面前进或者后退

window.history.back();后退

window.history.forward();前进

window.history.go(n); n是正数代表前进n个页面,n是负数代表后退n个页面。*    可以代替前进后退

var s = window.location.href;获取当前页面的地址

window.location.href="http://www.baidu.com";修改页面地址,会跳转页面 *******

window.location.hostname: 主机名,域名,网站名,可用变量接收

window.location.pathname: 路径名,可用变量接收

时间: 2024-12-27 04:48:59

JavaScript对象(window)的相关文章

JavaScript: 高级技巧: window 对象也可以添加自定义属性

JavaScript: 高级技巧: window 对象也可以添加自定义属性 例如 window.ntName = 'a';例如 window.ntXw = top; 优点是, window 无须等加载完毕, 任何时候都可以调用, 如果是页面元素和变量, 就需要小姐加载完毕才能使用 例如在 lhg: 中 父页面dlg_XXX.ShowDialog(); dlg_XXX.inwin.nt调用父窗口 = window; 子页面alert( window.nt调用父窗口.location.href );

JavaScript基础 window对象是所有其他对象的顶层对象 因此有时有window对 省略window也对

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=ut

JavaScript之DOM-6 BOM概述 、Window对象(Window对象概述、窗口与对话框、定时器)

一.BOM 概述 BOM 概述 - DHTML 对象模型回顾 BOM 概述 - BOM: Browser Object Model,浏览器对象模型,用来访问和操纵浏览器窗口,使 JavaScript 有能力与浏览器"对话" - 通过使用 BOM,可移动窗口.更改状态栏文本.执行其他不与页面内容发生直接联系的操作 - 没有相关标准,但被广泛支持 BOM 模型 - BOM 模型主要包括如下对象 二.Window 对象概述 Window 对象概述 - window 对象表示浏览器中打开的窗口

javascript对象简介

javascript对象可分为三大类: 1.javascript本地对象和内置对象 2.浏览器对象(BOM) 3.文档对象(DOM) 一:javascript内置对象 1.Array(数组对象) 2.Number(数字对象) 3.String(字符串对象) 4.Boolean(布尔对象) 5.Math(数学对象) 6.RegExp(正则对象) 7.Date(日期时间对象) 二:浏览器对象(BOM) 1.Window对象: 2.Screen对象:可以获取屏幕的信息 3.Navigator:可以获取

JavaScript对象--------------你又知道那些

今天我和大家带来的是JavaScript对象的一些属性和函数(方法),通过这些了解,我们又能做出那些页面效果呢,下面就来进行今天的主题. 1.完整的JavaScript是由ECMAScript.BOM(浏览器对象模型)和DOM(文档对象模型)构成的.示意图如下: 而window对象是整个BOM的核心,Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY,FRAMESET或FRAME元素时,都会自动建立window对象的实例.

javascript对象的一点理解

<script type="text/javascript"> /* js对象:对象的职责是调用属性和调用方法 */ //1.对象的创建的三种方式 var obj = {}; //常用且不会浪费空间 var obj = new Object(); //var obj = Object.create(); /* 第三种方式测试的时候有问题,百度下,发现 Object.create() 方法创建一个拥有指定原型和若干个指定属性的对象. 参数: prototype 必需. 要用作

如何判断Javascript对象是否存在

Javascript语言的设计不够严谨,很多地方一不小心就会出错. 举例来说,请考虑以下情况. 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明.用自然语言描述的算法如下: if (myObj不存在){ 声明myObj; } 你可能会觉得,写出这段代码很容易.但是实际上,它涉及的语法问题,远比我们想象的复杂.Juriy Zaytsev指出,判断一个Javascript对象是否存在,有超过50种写法.只有对Javascript语言的实现细节非常清楚,才可能分得清它们的区别

深入JavaScript对象创建的细节

最近深入学习javascript后,有个体会:面向对象的方式编程才是高效灵活的编程,也是现在唯一可以让代码更加健壮的编程方式.如果我们抛开那些玄乎的抽象出类等等思想,我自己对面向对象的从写程序的角度理解就是:复用和封装.复用具体就是让你尽量少写重复代码,封装就是将一些耦合度很高的逻辑放到一个程序块里,而且尽量让里面内容不受外界影响.最后的结论是:优秀的javascript代码都是面向对象的.定州市科技工业局 如何构建javascript对象?ECMA-262对对象的定义是:无序属性的集合,其属性

jsWindow 对象 Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 注释:没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。 Window 对象集合 集合 描述 frames[] 返回窗口中所有命

一.JSX简介 JSX就是Javascript和XML结合的一种格式.React发明了JSX,利用HTML语法来创建虚拟DOM.当遇到<,JSX就当HTML解析,遇到{就当JavaScript解析. 如下(JS写法) var child1 = React.createElement('li', null, 'First Text Content'); var child2 = React.createElement('li', null, 'Second Text Content'); var

JavaScript进阶系列03,通过硬编码、工厂模式、构造函数创建JavaScript对象

本篇体验通过硬编码.工厂模式.构造函数来创建JavaScript对象. □ 通过硬编码创建JavaScript对象 当需要创建一个JavaScript对象时,我们可能这样写: var person = { firstName: "Darren", lastName: "Ji", getFullName: function() { return this.firstName + " " + this.lastName; } }; 如果需要创建2个结