使用CSS样式表获取特定网页内容

时间:2017-12-28 11:01:46

标签: javascript html css xmlhttprequest getelementbyid

我有这个代码,它获取特定的网页内容并将其加载到iframe中。它工作正常,不幸的是这个内容是在正文中,并没有CSS格式,所以我得到一个未格式化的页面。如何让样式表附带页面内容? 提前谢谢!

var getHTML = function (url, callback) { 
   if (!window.XMLHttpRequest) return;  
   var xhr = new XMLHttpRequest();  
   xhr.onload = function () {
      if (callback && typeof (callback) === 'function') {
            callback(this.responseXML);
      }
   } 
   xhr.open('GET', url);
   xhr.responseType = 'document';
   xhr.send();
};

function loadFram() {
   var src = document.getElementById("opt1").value;
   getHTML(src, function (response) {
     var x = document.getElementById("frame1");
     var y = (x.contentWindow || x.contentDocument);
     if (y.document)y = y.document;
     y.body.innerHTML = response.documentElement.querySelector('[id="Container"]').innerHTML;
     });
};

0 个答案:

没有答案