iframe简单用法

iframe一般用于一个网页嵌套另外一个网页

比如我这里有两个html文件

在1.html文件写上


    
body {
    margin: 0;
    padding: 60px;
    height: 100vh;
    width: 100vw;
    box-sizing: border-box;
}

意思是把同级的2.html给嵌入进来 frameborder顾名思义就是是否要边框  0为不要1为要  这里我添加了边框  效果如下

iframe简单用法_第1张图片

 这时我们在2.html写点动画效果




    
    
    
    Document
    


    

效果如下

 

iframe简单用法_第2张图片iframe简单用法_第3张图片iframe简单用法_第4张图片

后面如果大家碰到要将一个项目引入到另一个项目里嵌套,可能会遇到权限问题,这个后期有时间在讲

 

你可能感兴趣的:(经验记载,前端,javascript,html)