如何创建JavaScript书签小工具，从当前页面生成Outlook日历事件？

架构老林

2026-7-9

快速创建Outlook日历事件的书签小工具

书签代码

压缩版（直接复制使用）

javascript:(function(){const t=document.title,e=window.location.href,n=window.getSelection().toString(),o=encodeURIComponent(`<h1>${t}</h1><div><a href="${e}">${t}</a></div><div>${n}</div>`),r=encodeURIComponent(t),i=encodeURIComponent(e);window.open(`https://outlook.live.com/calendar/0/deeplink/compose?subject=${r}&location=${i}&body=${o}`)})();

注释版（便于理解和自定义修改）

javascript:(function() {
    // 获取当前页面标题
    const pageTitle = document.title;
    // 获取当前页面URL
    const pageUrl = window.location.href;
    // 获取用户选中的网页文本
    const selectedText = window.getSelection().toString();
    
    // 按需求构造描述的HTML内容
    const description = `<h1>${pageTitle}</h1><div><a href="${pageUrl}">${pageTitle}</a></div><div>${selectedText}</div>`;
    
    // 对所有参数做URL编码，避免特殊字符导致格式错误
    const encodedTitle = encodeURIComponent(pageTitle);
    const encodedLocation = encodeURIComponent(pageUrl);
    const encodedDescription = encodeURIComponent(description);
    
    // 打开Outlook网页版新建事件页面，自动填充预设字段
    const outlookEventUrl = `https://outlook.live.com/calendar/0/deeplink/compose?subject=${encodedTitle}&location=${encodedLocation}&body=${encodedDescription}`;
    window.open(outlookEventUrl);
})();