Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js window.

作者:当过家家——变成现实。   发布日期:2025-11-03   浏览:54

// 示例代码:使用 window 对象的基本方法和属性

// 1. 获取窗口的宽度和高度
let width = window.innerWidth;
let height = window.innerHeight;
console.log(`窗口宽度: ${width}, 窗口高度: ${height}`);

// 2. 打开新窗口
let newWindow = window.open("https://www.example.com", "newWindow", "width=600,height=400");
// 注意:在现代浏览器中,出于安全原因,弹出窗口可能会被阻止。

// 3. 关闭当前窗口(仅在通过 window.open 打开的窗口中有效)
// window.close();

// 4. 设置定时器
let timerId = window.setTimeout(() => {
    console.log("5秒后执行此消息");
}, 5000);

// 5. 清除定时器
window.clearTimeout(timerId);

// 6. 监听窗口的加载事件
window.addEventListener('load', () => {
    console.log("页面已完全加载");
});

// 7. 滚动到页面顶部
window.scrollTo(0, 0);

// 8. 获取当前页面的 URL
let url = window.location.href;
console.log(`当前页面的 URL 是: ${url}`);

解释说明:

  • window 是浏览器中的全局对象,它代表了浏览器窗口或标签页。所有全局变量和函数都是 window 对象的属性。
  • 上述代码展示了如何使用 window 对象的一些常见方法和属性,例如获取窗口尺寸、打开新窗口、设置定时器、监听加载事件等。

上一篇:js document.createelement

下一篇:js 学习

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站