Iframe使用

Posted 花兮

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Iframe使用相关的知识，希望对你有一定的参考价值。

<!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>

 

以上是关于Iframe使用的主要内容，如果未能解决你的问题，请参考以下文章