今天做个项目，需要在当前的html页面中引用一个远程的html页面，百度了一下，发现一个非常好用的代码，这里分享给大家，有相同需求的小伙伴可以来看看
html代码
立即学习“Java免费学习笔记（深入）”；
function clientSideInclude(id, url) { var req = false; // Safari, Firefox, 及其他非微软浏览器 if (window.XMLHttpRequest) { try { req = new XMLHttpRequest(); } catch (e) { req = false; } } else if (window.ActiveXObject) { // For Internet Explorer on Windows try { req = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { req = false; } } } var element = document.getElementById(id); if (!element) { alert("函数clientSideInclude无法找到id " + id + "。" + "你的网页中必须有一个含有这个id的p 或 span 标签。"); return; } if (req) { // 同步请求，等待收到全部内容 req.open('GET', url, false); req.send(null); if (req.status == 404) { clientSideInclude(id, 'error.html') } else { element.innerHTML = req.responseText; } } else { element.innerHTML = "对不起，你的浏览器不支持" + "XMLHTTPRequest 对象。这个网页的显示要求" + "Internet Explorer 5 以上版本, " + "或 Firefox 或 Safari 浏览器，也可能会有其他可兼容的浏览器存在。"; }}clientSideInclude(includeHtml, "http://XXXXX.html");//页面中的一个p的id为includeHtml立即学习“Java免费学习笔记（深入）”；
用法很简单，代码里已经注释了，这里在简单描述下，给那些不看注释的人看吧
相关推荐：
浅谈html转义及防止javascript注入攻击的方法
立即学习“Java免费学习笔记（深入）”；
以上就是JavaScript实现获取远程的html到当前页面中的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1546275.html
微信扫一扫 
支付宝扫一扫 
