书签脚本问题：同标签页iframe打开站点及自动补全https求助

云上老周

2026-8-12

问题分析与修复方案

代码里的关键错误

window.open(url,'_self')破坏逻辑：这行代码会直接让当前页面跳转到输入的URL，导致后续创建iframe的代码完全无法执行，必须删掉。
未定义win变量：代码里直接使用win.document，但win从未声明过，应该直接用全局的window或简写的document。
未处理取消输入的情况：如果用户在弹窗中点取消，url会变成null，后续操作会报错，需要添加判断跳过这种场景。

自动补全`https://`前缀的实现逻辑

判断输入内容是否以http://或https://开头，若没有则自动添加https://；如果已有前缀则直接使用。同时能兼容用户只输入域名（如google.com）的场景，自动补全为https://google.com。

修正后的完整书签脚本代码

javascript:(function() {
    let url = prompt("请输入要打开的站点地址：");
    // 处理用户取消输入的情况
    if (!url) return;
    
    // 自动补全https://前缀
    if (!/^https?:\/\//i.test(url)) {
        url = 'https://' + url;
    }
    
    // 清空当前页面原有内容
    document.body.innerHTML = '';
    // 设置body样式，让iframe占满整个页面
    document.body.style.margin = '0';
    document.body.style.height = '100vh';
    
    // 创建并配置iframe
    const iframe = document.createElement('iframe');
    iframe.style.border = 'none';
    iframe.style.width = '100%';
    iframe.style.height = '100%';
    iframe.style.margin = '0';
    iframe.src = url;
    
    // 将iframe添加到页面
    document.body.appendChild(iframe);
})();