【问题标题】:How to display an HTML Element from an external site如何显示来自外部站点的 HTML 元素
【发布时间】:2018-10-03 03:19:16
【问题描述】:

假设我知道一个类 id,是否可以读取 HTML 数据并将与该类 id 联系的 HTML 写入字符串?

不必为此提供具体代码,感谢任何可能使这成为可能的资源。我不确定是否有任何 javascript 函数允许这样做。

【问题讨论】:

  • JavaScript 不能只读取任何第三方网站。需要为您的域启用 COR。
  • 你对 ajax 函数有什么想法吗?你可以使用这个,这将非常有帮助

标签: javascript html


【解决方案1】:

如果您从另一个站点访问它并假设您已设置 CORS 以允许该请求,您可以使用 jQuery 的 get() 来获取该项目:

 $.get('https://example.com/path/to/page.html')
  .then(function(data){
      var elem = $(data).find('yourSelector');
      /* 
          Do something with the element 
      */
  });

这也假设元素总是在页面上并且页面总是解析。

【讨论】:

  • 如果您没有 CORS 设置,可以将查看源图表创建为字符串,然后在知道开始和结束标记的情况下进行过滤。比如 chrome 你可以做 view-source: 来查看 HTML 代码,有没有一个选项可以通过那个方法来做到这一点
  • @Lev 否。由于您正在从第三方站点获取内容并发出网络请求以执行此操作,因此浏览器将要求设置 CORS 以允许它。这是一项安全功能,可防止恶意脚本获取您的用户名/密码/cookies 并将它们发送到另一个站点。这是您设置的内容,表示浏览器可以从其他站点请求内容。
猜你喜欢
  • 2015-03-20
  • 1970-01-01
  • 2014-07-02
  • 1970-01-01
  • 2023-03-03
  • 2015-02-15
  • 1970-01-01
  • 1970-01-01
  • 2016-03-04
相关资源
最近更新 更多