JavaScript对象(window)

Posted superficial。

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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: 路径名,可用变量接收




以上是关于JavaScript对象(window)的主要内容,如果未能解决你的问题,请参考以下文章

sublime text 3 添加 javascript 代码片段 ( snippet )

常用Javascript代码片段集锦

VSCode自定义代码片段——JS中的面向对象编程

JavaScript单行代码,也就是代码片段

VSCode自定义代码片段9——JS中的面向对象编程

javascript之BOM对象(二location对象)