如何使用 javascript 从 url 获取部分源代码？答案

【问题标题】：How to get part of source code from url, using javascript?如何使用 javascript 从 url 获取部分源代码？
【发布时间】：2013-06-15 11:14:54
【问题描述】：

例如我们的网址：example.com

源代码是：

<html>
<head>
<body>
Hello My Name is: Jane
</body>
</head>
</html>

我的问题是：我们如何才能使用 javascript 只获取“简”部分？

【问题讨论】：

与String.match 或RegExp.exec。
这取决于文件结构。在您的情况下，文本将在正文中，因此您可以使用 document.body.textContent 获得它，但最好给父元素一个 id 并使用 document.getElementById(..) 查找它
顺便说一句，在您编辑后，您的 HTML 源代码中出现错误...

【解决方案1】：

查看此页面时，弹出浏览器的 Javascript 控制台并输入：

$('body').text().match(/Hello My Name is: (\w+)/)

你可能会看到

["Hello My Name is: Jane", "Jane"]

您可以将数组分配给一个变量并提取第二个元素。

一行一行：

$('body').text().match(/Hello My Name is: (\w+)/)[1]

"Jane"

但是，请注意，可能存在horrific consequences of extracting things out of HTML with a regular expression，因此这被认为是一种不好的做法。

【讨论】：

如果您想从浏览器获取外部 URL 并使用 javascript 代码对其进行解析，则不允许。有一种称为“单一来源策略”的 javascript 安全模型大多不允许它。如果您想让某人看到它，您可以在 iframe 或框架中啜食整个内容，框架内容存在于它自己的容器中。此安全策略有一些变通方法，但我认为它们不适用于您的用例。例如，JSONP 需要在服务器上进行特殊设置。