首页 > 代码库 > iframe引入页面

iframe引入页面

2024-09-22 13:40:30   218人阅读

将外层css框架单独存放在一个css文件之中，将iframe的css单独写在一个css文件，避免iframe中的html,body等公共部分的样式冲突。

外层框架单独写在一个css，如：

frame.css

 

引入页面的css单独写在一个文件，如：

content.css

 

frame.html如下，只引入frame.css

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>这是框架Html</title>
		<link rel="stylesheet" href="http://www.mamicode.com/frame.css" />
	</head>
	<body>
		<iframe src="http://www.mamicode.com/content.html" width="100%" height="100%"></iframe>
	</body>
</html>

content页面里则不需要引入frame.css文件，

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>这是contentHtml</title>
		<link rel="stylesheet" href="http://www.mamicode.com/content.css" />
	</head>
	<body>
		<!--
        	作者：983521365@qq.com
        	时间：2017-05-16
        	描述：内容区
        -->
	</body>
</html>

　　

 

 

 

iframe引入页面


联系
我们