使用jquery刷新iframe

最新推荐文章于 2022-10-29 15:03:46 发布

easyboot

最新推荐文章于 2022-10-29 15:03:46 发布

阅读量796

点赞数 1

分类专栏： WEB前端

本文链接：https://blog.csdn.net/easyboot/article/details/78750919

版权

WEB前端专栏收录该内容

109 篇文章 2 订阅

订阅专栏

 
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
    <script type="text/javascript">
 
        function refreshFrame() {
            $('#myframe').attr('src', $('#myframe').attr('src')); 
      }
 
    </script>
</head>
<body>
    <div  style="width:100%;height:350px"> 
        <div class="row">
            <iframe id="myframe" src="http://suz100:8100/CAR/EmbeddedPage_" frameborder=0 style="width:33%;height:350px" scrolling="no"></iframe>
            <iframe id="myframe" src="http://suz100:8100/CAR/EmbeddedPage_" frameborder=0 style="width:33%;height:350px" scrolling="no"></iframe>
            <iframe id="myframe" src="http://suz100:8100/CAR/EmbeddedPage_" frameborder=0 style="width:33%;height:350px" scrolling="no"></iframe>
        </div> 
          <button οnclick="refreshFrame()">refresh</button>
    </div>
    <div style="width:100%;height:350px">
        <h1>中华人民共和国</h1>
    </div>
</body>
</html>