Question

我要显示此URL的结果

http://api.openweathermap.org/data/2.5/weather?q=Berlin,de&mode=html&appid= ... 1

看起来像

https://i.stack.imgur.com/WWRoD.png

如何将URL中的HTML内容直接插入iframe或div？谢谢！

Answer 1

如果您已经能够获取该响应html，则只需将其插入到页面中

document.getElementById('mydiv').innerHTML = "<p>some html</p>"

Answer 2

这可以通过PHP轻松实现。

  $('#faq_type').on('change', function () {    
     $("#upload").css('display', (this.value == '1' || this.value == '2') ? 'block' : 
      'none');
   });

您可以通过JavaScript进行此操作，但这需要发出AJAX请求以获取HTML，然后将其插入DOM。我认为这不是最好的方法，因为如果没有代码，页面已经加载，然后将其异步添加到页面中。根据查看方式的不同，我认为这会导致UX效果较差。

修改

要异步下载HTML，应使用.get（）而不是.load（）。

<?php
    echo file_get_contents("ENTER URL HERE");
?>

将URL中的HTML内容插入HTML（form，div，iframe等）

2 个答案: