Javascript 获取带有链接的页面标题

我在一个文本框中有一个链接。当我点击一个按钮时，我想获取链接页面的标题。如何使用javascript或jQuery实现这一点？

这篇文章可以给你一个开始

---

如果页面在同一个域中，我建议使用ajax请求并从返回的DOM对象获取标题

如果它是另一个域，我会说为该位置设置一个隐藏的IFrame，并在加载它时使用如下方式获取标题：

document.getElementById('MyIframe').document.title

---

它几乎总是由后端脚本/爬虫程序完成。它在服务器端为您获取网页，并通过AJAX返回解析数据

<a href="http://www.google.com" id="googleLink">Google</a>
<span id="titleGoesHere"></span>

--

$（文档）.ready（函数（）{
$（“#谷歌链接”）。单击（函数（）{
$.get（this.prop（'href'），函数（数据）{
变量$temp=$（''）；
$temp.append（数据）；
变量标题=$（'title'，$temp）；
$（'#titlegeshere'）.html（title.val（））；
});
});
});

出于安全原因，浏览器限制从脚本中启动的跨源HTTP请求。因为我们在前端使用客户端Javascript进行web抓取，所以可能会发生CORS错误

在前端脚本中，我们可以使用跨域工具，如任意源、任意源、所有源、跨源，甚至更多。我发现，你经常需要测试其中的一些，以找到一个将在网站上工作，你试图刮

从年开始，我写了这篇工作和独立的小提琴：

函数replaceAll（str、find、replace）{
返回str.replace（新的RegExp（查找'g'），replace）；
}
常量url=”https://www.facebook.com/"
$.getJSON（'https://allorigins.me/get?url=“+encodeURIComponent（url）+”&回调=？”，函数（数据）{
const content=replaceAll（data.contents，“实际上什么都没有。我想知道这是否可能。链接引用的页面的标题，或者包含链接的页面的标题？（一个简单，另一个不简单。）我需要远程页面的标题。我不能，因为不在同一个域中，并且页面不允许在iframe中借出。
$(document).ready( function() {
    $('#googleLink').click(function(){
        $.get(this.prop('href'), function(data) {
            var $temp = $('<div id="tempData" />');
            $temp.append(data);
            var title = $('title', $temp);
            $('#titleGoesHere').html(title.val());
        });
    });
});