Window对象

|
function showWelcomeMessage() {
    console.log("欢迎访问我们的网站！");
}
 
// 3秒后显示欢迎消息
setTimeout(showWelcomeMessage, 3000);
 
// 也可以使用匿名函数
setTimeout(function() {
    console.log("页面加载完成，开始初始化用户界面");
}, 1000);

|
页面加载完成，开始初始化用户界面
欢迎访问我们的网站！

|
let messageTimer = setTimeout(function() {
    console.log("这条消息可能不会显示");
}, 5000);
 
// 如果用户在3秒内点击了按钮，就取消定时器
setTimeout(function() {
    clearTimeout(messageTimer);
    console.log("定时器已被取消");
}, 3000);

|
定时器已被取消

|
let seconds = 0;
 
function updateTimer() {
    seconds++;
    console.log(`计时器运行了 ${seconds} 秒`);
    
    // 在页面上更新显示（假设有一个id为timer的元素）
    let timerElement = document.getElementById('timer');
    if (timerElement) {
        timerElement.textContent = `${seconds} 秒`;
    }
}

|
计时器运行了 1 秒
计时器运行了 2 秒
计时器运行了 3 秒
...
计时器运行了 10 秒
计时器已停止

|
function createDigitalClock() {
    function updateClock() {
        let now = new Date();
        let timeString = now.toLocaleTimeString('zh-CN', {
            hour12: false,
            hour: '2-digit',
            minute: '2-digit',
            second: '2-digit'
        });
        
        console.log(`当前时间：${timeString

|
当前时间：14:23:45
当前时间：14:23:46
当前时间：14:23:47

|
function analyzeCurrentURL() {
    // 假设当前URL是：https://www.example.com:8080/products/search?category=books&page=2#results
    
    console.log("完整URL:", location.href);
    console.log("协议:", location.protocol);
    console.log("主机名:", location.hostname);
    console.log("端口:", location.port);
    console.log("路径:", location.pathname);
    console.log("查询参数:", location.search);
    console.log

|
完整URL: https://www.example.com:8080/products/search?category=books&page=2#results
协议: https:
主机名: www.example.com
端口: 8080
路径: /products/search
查询参数: ?category=books&page=2
片段标识符: #results

|
function parseURLParameters() {
    // 获取查询字符串（去掉开头的问号）
    let queryString = location.search.substring(1);
    let parameters = {};
    
    if (queryString) {
        // 按&符号分割参数对
        let pairs = queryString.split('&');
        
        pairs.forEach(function(pair) {
            // 查找等号的位置
            let

|
URL参数: {category: "books", page: "2"}
商品类别: books
当前页码: 2

|
function navigateToPage() {
    // 方法1：直接设置新的URL
    // location.href = "https://www.example.com/new-page.html";
    
    // 方法2：使用assign方法
    // location.assign("https://www.example.com/new-page.html");
    
    // 方法3：使用replace方法（不会在历史记录中留下当前页面）
    // location.replace("https://www.example.com/new-page.html");
    
    // 方法4：重新加载当前页面
    // location.reload();
    
    console.log("准备跳转到新页面");
}
 
// 智能导航函数
function smartNavigate(url, replaceHistory = false) {
    if

|
浏览器支持现代功能，继续使用当前页面

|
function exploreHistory() {
    // 获取历史记录的长度
    console.log("历史记录条数:", history.length);
    
    // 注意：我们无法访问具体的URL地址
    // 这是为了保护用户的隐私
}
 
// 历史导航函数
function navigateHistory() {
    // 后退一页（等同于点击浏览器的后退按钮）
    function goBack() {
        history.back();
        console.log("执行后退操作");
    }
    
    // 前进一页（等同于点击浏览器的前进按钮）

|
历史记录条数: 5

|
// 模拟一个单页应用的历史管理
function createSPAHistoryManager() {
    let currentView = 'home';
    let viewHistory = [];
    
    function changeView(newView, addToHistory = true) {
        // 保存当前视图到历史记录
        if (addToHistory && currentView !== newView) {
            viewHistory.push(currentView);
        }
        
        currentView =

|
切换到视图: products
页面内容: 产品列表页面
历史记录: [home]
切换到视图: about
页面内容: 关于我们页面
历史记录: [home, products]
切换到视图: contact
页面内容: 联系我们页面
历史记录: [home, products, about]
切换到视图: about
页面内容: 关于我们页面
应用内后退成功

|
function getBrowserInfo() {
    let browserInfo = {
        // 浏览器名称（注意：很多浏览器会伪装成其他浏览器）
        name: navigator.appName,
        
        // 浏览器版本信息
        version: navigator.appVersion,
        
        // 用户代理字符串（包含最详细的信息）
        userAgent: navigator.userAgent,
        
        // 操作系统平台
        platform: navigator.platform,
        
        // 浏览器语言
        language: navigator.language,
        
        // 在线状态
        onLine: navigator.onLine
    };
    
    console.log("浏览器基本信息:"

|
浏览器基本信息:
name: Netscape
version: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36
userAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36...
platform: Win32
language: zh-CN
onLine: true
 
浏览器功能支持情况:
geolocation: 支持
cookiesEnabled: 支持
javaEnabled: 不支持
touchSupport: 不支持
localStorage: 支持

|
function getScreenInfo() {
    let screenInfo = {
        // 屏幕总宽度和高度
        totalWidth: screen.width,
        totalHeight: screen.height,
        
        // 可用宽度和高度（排除任务栏等）
        availableWidth: screen.availWidth,
        availableHeight: screen.availHeight,
        
        // 颜色深度
        colorDepth: screen.colorDepth,
        
        // 像素深度
        pixelDepth: screen.pixelDepth
    };
    
    console.log("屏幕信息:");
    for (let key in

|
屏幕信息:
totalWidth: 1920
totalHeight: 1080
availableWidth: 1920
availableHeight: 1040
colorDepth: 24
pixelDepth: 24
设备类型: 桌面电脑或大屏幕设备
检测到大屏幕设备，使用桌面端布局

|
function demonstrateBasicDialogs() {
    // alert：显示信息
    function showAlert() {
        alert("欢迎使用我们的应用！\n这是一个信息提示对话框。");
        console.log("信息对话框已显示");
    }
    
    // confirm：获取确认
    function getConfirmation() {
        let userChoice = confirm("您确定要删除这个文件吗？\n此操作无法撤销。");
        
        if (userChoice) {
            console.

|
function setupGlobalErrorHandler() {
    // 设置全局错误处理器
    window.onerror = function(message, source, lineNumber, columnNumber, error) {
        console.log("捕获到JavaScript错误:");
        console.log(`错误信息: ${message}`);
        console.log(`错误源文件: ${source}`);
        console.log

|
全局错误处理器已设置
捕获到预期的测试错误: 这是一个测试错误
错误 #1: ReferenceError: undefinedFunction is not defined
正在将错误信息发送到服务器...
错误详情: {message: "ReferenceError: undefinedFunction is not defined", ...}

|
// 假设HTML中有：<div id="mainContent">内容区域</div>
 
function demonstrateAutoGlobalVars() {
    // 可以直接通过id访问元素（如果id没有与现有Window属性冲突）
    if (typeof mainContent !== 'undefined') {
        console.log("找到主内容区域:", mainContent.tagName);
        console.log("元素内容:", mainContent.textContent);
        
        // 修改元素样式
        mainContent.style.backgroundColor = "lightblue";
        console.log("已修改元素背景色");
    } else {

|
找到主内容区域: DIV
元素内容: 内容区域
已修改元素背景色
安全地找到元素: DIV
元素存在性检查结果: {header: true, navigation: true, mainContent: true, footer: false}
找到元素: mainContent
未找到元素: sidebar

|
function createWindowManager() {
    let openWindows = [];
    
    // 打开新窗口
    function openNewWindow(url, name, features) {
        try {
            let newWindow = window.open(url, name, features);
            
            if (newWindow) {
                openWindows.push({
                    window: newWindow,
                    name: name,
                    url: url,

|
成功打开窗口: helpWindow
成功打开窗口: settingsWindow
当前打开的窗口数量: 2
窗口 1: helpWindow - help.html
窗口 2: settingsWindow - settings.html

|
function createIframeManager() {
    // 创建iframe元素
    function createIframe(src, id, width = '100%', height = '400px') {
        let iframe = document.createElement('iframe');
        iframe.src = src;
        iframe.id = id;
        iframe.style.width = width;
        iframe.style.height = height;

|
开始监听iframe消息
iframe contentFrame 加载完成
iframe URL: content.html
获取到iframe contentFrame 的Window对象
向iframe contentFrame 发送消息: {type: "init", config: {theme: "light", language: "zh-CN"}}