如何从网站流式传输文本答案

【问题标题】：how to stream text from a website如何从网站流式传输文本
【发布时间】：2015-12-13 20:59:39
【问题描述】：

我想在点击超链接时获取文本。我想将此文本加载到我网页上的 div 中。

var main = document.getElementById("main");
main.innerHTML='<object type="text/html" data='+$(this).attr('href')+'></object>';

这会将整个网页加载到我的主 div 中。我只想要文字。我使用的是 JavaScript 还是 Jquery？我已停止点击链接时的页面重定向，因为我想在当前网页上加载 textContent

是否可以从给定链接流式传输文本？

【问题讨论】：

我不知道你想做什么。特别是我不知道在网站或链接的上下文中什么是“流式文本”。
如果目标网页中有任何标签，例如 abc 或一些图像标签，那么我只想要 abc 而没有标签没有图像、视频等。只有文字内容

标签： javascript jquery html

【解决方案1】：

假设页面在同一个域中，并且页面上的目标部分的 id 为target，例如

其他页面：

<head>...</head>
<body>
  <div id="target">some content you want to import</div>
</body>

你可以这样实现你想要的：

您的页面：

<script>

$('a#yourLinkId').click(function(event) {
     event.preventDefault(); // prevents browser from following the link 
     $('#main').load($(this).attr('href') + ' #target');
     //                                      ^ 
     //                                      This space is required
});                                            

</script>

实际发生的事情是你在打电话：

 $('#main').load('yourdomain.com/yourpage #target');

这会将id为target的div从另一个页面加载到$('#main')

您可以在此处阅读有关其工作原理的更多信息：

jQuery.load()#loading-page-fragments
https://developer.mozilla.org/en/docs/Web/API/Event/preventDefault

【讨论】：

不起作用。我觉得这很容易，但我错过了一些东西。该页面正在远离当前位置。我不想要那个。此外，我不应该更改任何存在的 html 文件。我应该只在 js 文件中工作以获得结果。
P.S.添加到：（我知道这只是为了解释的目的，但是）请记住，#yourLinkId 是比a#yourLinkId 更快的选择器
@RokoC.Buljan 确实，它在那里帮助解释选择器的目标是锚点，虽然很好，但感谢对答案的改进