javascript - 在 iframe 中显示来自外部页面的具有特定 ID 的 div

Question

我想在我的网站上的 iframe 中显示外部页面中 ID="example"的某个 div 的内容，是否可能以及如何完成？我无法控制外部页面，只能控制我的网站。我从该外部页面唯一知道的是我想在我的网站上显示的 div 的 ID....也许你有一个 fiddle 示例

Answer 1

构建它的可能性有很多。 (服务器或客户端)。

其中之一是使用 NodeJS 作为网络爬虫，http://net.tutsplus.com/tutorials/javascript-ajax/how-to-scrape-web-pages-with-node-js-and-jquery/

这是一个示例，使用 NodeJS 与express和cheerio(用于Jquery操作):

var url = 'YOUR_URL';

function getContentJSON(body) {
    var cheerio = require('cheerio');
    var $ = cheerio.load(body);
    var content = $('div#ID').text().trim();    
    var result = {"content": content}
    return JSON.stringify(result);
}

function requestPage(url, res) {
    var request = require('request');
    request(url, function (error, response, body) {
      if (!error && response.statusCode == 200) {
        var json = getContentJSON(body);
        res.send(statusCodes.OK, json);
      }
    });
}

exports.get = function(request, response) {
    requestPage(url, response);
};