如何在不影响其他页面样式的情况下加载带有样式的HTML文件？

<iframe src="path_to_html_file.html" frameborder="0" width="100%" height="300px"></iframe>

$.ajax({
  url: 'path_to_html_file.html',
  dataType: 'html',
  success: function(data) {
    $('#target_element').html(data);
  }
});

var xhr = new XMLHttpRequest();
xhr.open('GET', 'path_to_html_file.html', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var htmlContent = xhr.responseText;
    var tempElement = document.createElement('div');
    tempElement.innerHTML = htmlContent;
    var targetElement = document.getElementById('target_element');
    while (tempElement.firstChild) {
      targetElement.appendChild(tempElement.firstChild);
    }
  }
};
xhr.send();