<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery.min.js"></script> <script> function changeUrl(){ $(‘#showw‘).show(); $(‘#iii‘).attr(‘src‘,‘http://www.163.com‘); } function hs(){ $(‘#showw‘).hide(); } </script> </head> <body> <a href="javascript:void(0)" onclick="changeUrl()">点击</a><!-- 用过jq操作更换iframe链接 --> <a href="http://www.qq.com" target="asdasd">QQ</a><!-- 通过target属性在iframe打开a链接页面 --> <div style="width: 1200px;height: 600px;position: fixed;top: 50px;left: 50%;margin-left: -600px;overflow: hidden;" id="showw"> <span style="position: absolute;top: 0;right: 0;font-size: 20px;cursor: pointer;" onclick="hs()">x</span> <iframe name="asdasd" src="https://www.baidu.com" id="iii" frameborder="0" width="98%" height="100%" scrolling="no"></iframe> </div> </body> </html>