首页 > 代码库 > iframe框架学习

iframe框架学习

学习目标:使用页面的部分内容用框架来形容

                 用于在页面中引入站外的页面内容

       引用页面地址  框架标识名

<iframe src="http://www.mamicode.com/path"name="mainFrame"></iframe>

<!DOCTYPE html>

<html>

<head lang="en">

     <meat charset="utf-8"/>

<head>

     <title>iframe简单使用 </title>

</head>

     <body>

     <iframe src="http://www.mamicode.com/subframe/the_one.html" width="500px" height="236px" name="newpage">

    </body>

</html> 

超链接页面间的跳转和引用站外的页面内容

<!DOCTYPE html>

<html>

<head lang="en">

     <meat charset="utf-8"/>

<head>

     <title>iframe简单使用 </title>

</head>

     <body>

    <p>

           <a href = "http://www.mamicode.com/subfram/the_first.html" target="myframe">下边显示第一页</p><br/>

           <a href = "http://www.mamicode.com/subfram/the_second.html" target="myframe">下边显示第二页</p><br/>

           <a href = "http://www.mamicode.com/oneshop/index.html" target="myframe">下边显示第一页</p><br/>

    </p>

     <iframe    name="myframe"   width="800px" height="800px" src="http://www.mamicode.com/subframe/the_second.html">

    </body>

</html> 

 

iframe框架学习