我如何获得这个“分享” 按钮来获取当前 URL 的 HTML 标题以及 URL？

Question

我是一名 JavaScript 新手，正在尝试构建一个基本的共享按钮作为学习项目。 我对某一方面有点困惑。 虽然我可以获取当前页面的 URL 并将其传递到预填充共享表单的 URL，但我不确定如何获取 HTML 标题。

到目前为止，我要做的是：

<a href="http://www.example.com/submit" onclick="window.location = 'http://www.example.com/submit?url=' + encodeURIComponent(window.location); return false;"> Share This </a> 

我应该在 onclick 部分添加什么才能获取当前页面的标题？ 无论它是什么，都会在 URL 中作为 title= 传递。

奖励：是否可以添加一些内容来发送当前页面中的一些突出显示的文本？ 这将作为 body= 出现在 URL 中，

所以我希望填补这些空白：

<a href="http://www.example.com/submit" onclick="window.location = 'http://www.example.com/submit?url=' + encodeURIComponent(window.location); return false; + 'title=' + SOMETHING + 'body=' + SOMETHING'"> Share This </a>

至少我是这么认为的。 我不能 100% 确定 + 和 ' 位于正确的位置。

Answer 1

我想你想要 document.title。 获取选定的文本有点复杂，特别是如果您想支持 IE。 DOM 标准是 window.getSelection 但对于 IE 你必须搞乱 < a href="http://msdn.microsoft.com/en-us/library/ms533041%28VS.85%29.aspx" rel="nofollow noreferrer">范围 - 我还没有检查是否有在 IE8 中有所改进。

我还想问一下，分享按钮在哪里？ 如果它在页面中，则单击该按钮将取消选择所选的文本。

Answer 2

获取所选文本的方法有多种，不同的浏览器实现不同的方法：

首先，有 document.getSelection()，它以字符串形式返回所选文本。 然后，有 window.getSelection()，它将返回一个选择对象。 要获取原始文本，请使用其 toString() 方法。 IE 获取文本的方式使用范围，即 document.selection.createRange().text。

我建议使用包装函数来使 document.getSelection() 可用于支持上述任何方法的所有浏览器：

if(typeof document.getSelection === 'undefined') {
    document.getSelection =
        window.getSelection ? function() {
            return window.getSelection().toString();
        } :
        document.selection ? function() {
            return document.selection.createRange().text;
        } :
        null;
}

作为旁注：您应该设置 location。 href（而不是location）来更改文档的地址。