zoukankan      html  css  js  c++  java
  • 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=" 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>
  • 相关阅读:
    9.16第一次上课关于HTML的小结
    9.22课堂记录
    9.19课堂记录
    html文档基本结构
    HTMl学习1
    HTML第一次学习笔记
    CSS3和CSS2.1的区别
    HTML5新元素
    第一课:HTML
    块级元素和行内元素
  • 原文地址:https://www.cnblogs.com/godehi/p/8391246.html
Copyright © 2011-2022 走看看