关于JS中window的属性和方法的使用方法
- 不言原创
- 2018-07-16 17:25:072317浏览
这篇文章主要介绍了关于JS中window属性和方法的解析，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
对象在编写时可不使用window这个前缀
setInterval() – 间隔指定的毫秒数不停地执行指定的代码。
clearInterval() – 用于停止 setInterval() 方法执行的函数代码。
setTimeout() - 暂停指定的毫秒数后执行指定的代码
clearTimeout() - 用于停止执行setTimeout()方法的函数代码
例：
使用计时器在页面显示时钟
•时间格式为：xxxx年xx月xx日 xx:xx:xx 到秒
•每秒刷新一次
1 <body> 2 <button onclick="open1()">打开新页面</button> 3 <button onclick="start1()">开始显示时间</button> 4 <button onclick="stop1()">停止时间</button> 5 </body>
<script type="text/javascript">
function open1(){
window.open("new_file.html","newFile","menubar=no,location=no,toolbar=no,resize=no,width=500,height=500,top=200,left=400")
}
function time1(){
var date = new Date();
var y = date.getFullYear();
var mo = date.getMonth();
var d = date.getDate();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();
console.log("%d年%d月%d日 %d:%d:%d" ,y , mo , d , h , m , s );
}
var inter = null ;
function start1(){
if(inter != null){
stop1();
}
inter = setInterval(time1,1000);
}
function stop1(){
clearInterval(inter);
inter = null;
}
</script>close() - 关闭当前窗口
open() - 打开新窗口，并返回新窗口的对象
语法 window.open(URL,name,features,replace);
URL：可选字符串，声明了新窗口的URL。如果省略这个参数或者值为空字符串，则新窗口不显示任何文档
name：可选字符串，是一个由逗号分割的特征列表，它声明了新窗口名称。如果此参数指定已存在窗口，则open方法返回对指定窗口的 引用（不再创建新窗口）。这时，features将被忽略。
features：可选字符串，声明了新窗口显示的标准浏览器特征，如果省略，则新窗口具有所有标准特征。
replace：一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：•true - URL 替换浏览历史中的当前条目。•false - URL 在浏览历史中创建新的条目。
其中open() 方法的第三个参数如下表
|
是否使用剧院模式显示窗口。默认为 no。
|
resizable=yes|no|1|0 |
窗口是否可调节尺寸。默认是 yes。 | ||||||||||||||||||||||||||||||||||||||||||||
<script type="text/javascript"> var hash = location.hash;// top var host = location.host;// www.baidu.com:8020 var hostname = location.hostname;// www.baidu.com var port = location.port;// 8020; var pathname = location.pathname;// index.html var protocol = location.protocol; // http console.log(location); console.log(hash); console.log(host); console.log(hostname); console.log(port); console.log(pathname); console.log(protocol); </script>directories=yes|no|1|0 |
是否添加目录按钮。默认为 yes。 |
scrollbars=yes|no|1|0 |
是否显示滚动条。默认是 yes。 | ||||||||||||||||||||||||||||||||||||||||||||
| fullscreen=yes|no|1|0 | 是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。 | status=yes|no|1|0 | 是否添加状态栏。默认是 yes。 | ||||||||||||||||||||||||||||||||||||||||||||
| height=pixels | 窗口文档显示区的高度。以像素计。 |
titlebar=yes|no|1|0 |
是否显示标题栏。默认是 yes。 | ||||||||||||||||||||||||||||||||||||||||||||
| 窗口的 x 坐标。以像素计。 | toolbar=yes|no|1|0 | 是否显示浏览器的工具栏。默认是 yes。 | |||||||||||||||||||||||||||||||||||||||||||||
| location=yes|no|1|0 | 是否显示地址字段。默认是 yes。 | top=pixels | 窗口的 y 坐标。 | ||||||||||||||||||||||||||||||||||||||||||||
| menubar=yes|no|1|0 | 是否显示菜单栏。默认是 yes。 | width=pixels | 窗口的文档显示区的宽度。以像素计。 |
| hash | 设置或返回从井号 (#) 开始的 URL（锚）。 |
| host | 设置或返回主机名和当前 URL 的端口号。 |
| hostname | 设置或返回当前 URL 的主机名。 |
| href | 设置或返回完整的 URL。 |
| pathname | 设置或返回当前 URL 的路径部分。 |
| port | 设置或返回当前 URL 的端口号。 |
| protocol | 设置或返回当前 URL 的协议。 |
| search | 设置或返回从问号 (?) 开始的 URL（查询部分）。 |
以上是关于JS中window的属性和方法的使用方法的详细内容。更多信息请关注PHP中文网其他相关文章！