白学的小知识 [窗口对象.历史对象.位置对象]

最编程 2024-05-08 08:23:29

...

语法：window.open("弹出窗口的url","窗口的名字","窗口参数1,...窗口参数n");

窗口参数可以有多个值，每个值之间用逗号分隔（注意各浏览器对以下参数有不同的支持）

height 、 width 窗口文档显示区的高度、宽度。以像素计

left 、 top 窗口的 x 坐标、 y 坐标。以像素计

toolbar=yes | no |1 | 0 是否显示浏览器的工具栏。黙认是 yes

scrollbars=yes | no |1 | 0 是否显示滚动条。黙认是 yes

location=yes | no |1 | 0 是否显示地址地段。黙认是 yes

status=yes | no |1 | 0 是否添加状态栏。黙认是 yes

menubar=yes | no |1 | 0 是否显示菜单栏。黙认是 yes

resizable=yes | no |1 | 0 窗口是否可调节尺寸。黙认是 yes

titlebar=yes | no |1 | 0 是否显示标题栏。黙认是 yes

fullscreen=yes | no |1 | 0 是否使用全屏模式显示浏览器。黙认是 no 。

"height=500, width=800, top=100, left=100, toolbar=no,
menubar=no,scrollbars=no,resizable=no, location=no, status=no";

6 、 print( )

打印页面

7 、 setTimeout()

启动一个延时器

语法： [window.]setTimeout(code,miliSec)

var timer= setTimeout(code,miliSec);

返回值：返回一个延时器，其实是一个数字

参数 code ：要执行的任何 js 代码，一般是函数

miliSec ：时间值毫秒，等待多长时间执行 code 代码（ 1 秒 =1000 毫秒）

使用注意：延时器方法只会执行一次，不会重复执行，除非在函数再次调用自己

var i=0;
var time;//注意定义成全局变量
function writeNumber(){
console.info(i);
i++;
}
time = window.setTimeout("writeNumber()",2000);

clearTimeout() 清除 setTimeout() 方法设置的延时器

语法： [window.]clearTimeout(timer)

window.clearTimeout(time);

8 、 setInterval()

启动一个定时器

语法： [window.]setInterval(code,miliSec)

var timer= setInterval(code,miliSec);

返回值：返回一个定时器，也是一个数字

参数 code ：要执行的任何 js 代码，一般是函数

miliSec ：等待时间值毫秒

使用注意：定时器是一个真正的周期执行会重复执行

clearInterval() 清除 clearInterval() 方法设置的定时器

语法： [window.]clearInterval(timer)

var i=0;
var time;//注意定义成全局变量
//要调用的程序
function writeNumber(){
console.info(i);
i++;
}
//关闭定时器生效
function endTimeout(){
window.clearInterval(time);
}
//开始定时器生效
function beginTimeout(){
time = window.setInterval("writeNumber()",200);
}

<span onclick="endTimeout();">关闭打印</span>
<br/>
<span onclick="beginTimeout();">开始打印</span>

二、 history 对象常用方法

1 、 back() 后退

[window.]history.back(); 表示页面后退一页

2 、 forward() 前进

[window.]history.forward(); 表示页面前进一页

3 、 go() 前进 / 后退可以设负数

[window.].history.go(1);// 前进一页可为负数

三、 location 对象常用方法

属性：

1 、 host 设置或返回主机名和当前 URL 的端口号

2 、 hostname 设置或返回当前 URL 的主机名

3 、 href 设置或返回完整的 URL

function goUrl(){
location.href="http://www.baidu.com";
}

方法

reload() 刷新页面

function goReload(){
location.reload();
}

replace() 用新的文档替换当前文档

function goReplace(){
location.replace('http://www.baidu.com')
}
//本页面直接替换目标页面的内容

上一篇： [信号处理] 雷达信号处理的代码和报告（Matlab 实现）