您的位置 首页 未分类

iframe嵌入了一个微信公众号平台文章的URL

$.ajaxPrefilter(function(options) { if (options.crossDo…

$.ajaxPrefilter(function(options) {
	if (options.crossDomain && jQuery.support.cors) {
		var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
		options.url = http + '//cors-anywhere.herokuapp.com/' + options.url;
	}
});
var link = "微信公众号平台链接";
$.get(
link, function(response) {
	var html = response;
	html = html.replace(/data-src/g, "src");
	var html_src = 'data:text/html;charset=utf-8,' + html; //解析码解决乱码
	$("iframe").attr("src", html_src);
});

 

<iframe width=”750″ height=”500″ src=””></iframe>

 

原理:cors-anywhere.herokuapp.com是一个服务端API,可以将跨域的原始请求发送到任何地方,我们通过这个方法可以获取跨域页面的HTML内容,并拼成string,用$.get方法返回这个string , 我们匹配里面所有的date-src并替换成src,然后把处理完的string放到iframe的src里,在浏览器解析的时候会自动将src内的内容解析成HTML页面

本文来自网络,不代表MuKe网站资源立场,转载请注明出处:https://www.somke.cn/archives/80

作者: delon

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

联系我们

在线咨询: QQ交谈

邮箱: lon_mail@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部