H5+CSS+JS:框架 iframe

内联框架


< iframe src=”xxx.html” > xxx < /iframe >

xxx.html 文件在project中


代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>框架</title>
</head>

    <br/>
   <iframe src="framec.html" frameborder="0"  width="800px" height="800px">

   </iframe>
</html>
  • framea.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body bgcolor="#7fff00">
FrameA
<a href="http://www.baidu.com" target="_top">呵呵</a>
<br/>
</body>
</html>
  • frameb.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body bgcolor="#7fffd4">
FrameB
<br/>
<iframe src="framea.html" width="400px" height="400px"></iframe>
</body>
</html>
  • framec.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body bgcolor="blue">
    FramC
    <br/>
<iframe src="frameb.html" width="600px" height="600px"></iframe>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/mjhap/article/details/82191073