jquery - 如何使用其所在页面的 URL 自动填充表单文本区域？

Question

我在客户的网站上有一个“发送给朋友”表格。除了一件事之外，该表单效果很好 - 我无法将当前页面的 URL 自动填充到表单的文本区域中。

如果您向下滚动到底部，在浅蓝色条中是一个“发送”链接。点击它，表格就会出现。

我希望能够使用 jQuery 或其他同样独立于平台的东西来做到这一点，因为该站点目前位于 Windows 服务器上，但在不久的将来可能会迁移到 Linux 服务器。

谢谢！

score 1 · Accepted Answer

要使用 jQuery 获取当前页面的 URL，可以使用

$(location).attr('href')

或者只是在没有 jQuery 的情况下读取当前 URL，您可以使用

document.URL

在页面加载时使用该值填充文本区域

$(document).ready(function() {
    var message = 'check out ' + document.URL;
    $('#message').text(message);
});

score 0 · Accepted Answer

在不使用 jQuery 的情况下，<textarea />可以在加载时自动填充。

假设您有以下 HTML：

<textarea id="my-textarea"></textarea>

使用 vanilla JavaScript，您所要做的就是将以下 JavaScript 放在可以在document准备好后执行的地方：

document.getElementById('my-textarea').innerHTML = window.location;

你可以在这里找到一个简单的例子。

2 回答 2