iframe引入页面

进击的小牛牛 进击的小牛牛     2022-08-31     667

关键词:

将外层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="frame.css" />
	</head>
	<body>
		<iframe src="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="content.css" />
	</head>
	<body>
		<!--
        	作者:[email protected]
        	时间:2017-05-16
        	描述:内容区
        -->
	</body>
</html>

  

 

 

 

jquery获取jsp页面中用iframe引入的jsp页面中的值

<iframescrolling="no"src="<c:urlvalue=‘/unitBaseperson/view.do?para=9&op=send&type=xls‘/>"id="main"frameborder="0"width="400"></iframe><!--在a.jsp页面中-->假如我的jsp页面包含这样一个fr 查看详情

怎么在页面中引入外部模板

怎么在页面中引入外部模板1.借助于iframe   虽然html5废除了frame,但是依旧保留了iframe,我们仍可以继续使用,iframe有一个frameboder属性,设置属性值为0或者为no,去除iframe的边框。然后将scrolling设为no2.借助于jq的ajax请求  load():... 查看详情

easyuitabs+yii2.0实现iframe方式打开页面(解决共用静态文件引入加载的问题)

...asyuiTabs打开一个iframe页面时,怎么解决原有共用静态资源引入的问题。有人建议可以考虑将共用静态资源文件放到一个php文件中,然后每次渲染页面时加载即可,这个时候很多朋友会想到PHP的include()方式,但是每个iframe页面都 查看详情

jquery如何获取页面中引入iframe网页的内容

...为index.html中的iframe,我想在index.html页面中使用jquery获取引入页面的内容,求解3楼:你说的那个我试过了,UncaughtSecurityError:Blockedaframewithorigin"null"fromaccessingaframewithorigin"http://iframe.ip138.com".Theframerequestingaccesshasaproto... 查看详情

主页面使用iframe引入的登录页面当点击登录的时候要刷新主页面怎么弄?

主页面使用iframe引入的登录页面当点击登录的时候要刷新主页面怎么弄?当使用this.parent.location.reload();时就显示不出提示框了这是为什么,应该怎么弄才能够刷新主页面?谢谢参考技术A比如在增加页面有个提交按钮和关闭按钮... 查看详情

如何同步iframe与嵌入内容的高度

...航等等 -如何同步iframe与嵌入内容的高度a)获取由iframe引入的页面高度 b)同步引入页面与iframe的高度  demo<iframesrc="ht 查看详情

html页面中引入html

...都用到,那么我们为了方便就会单独写到一个页面,然后引入进去,我知道的有三种:1、用标签<iframe></iframe>例:<iframealign="center"height="570"src="lib/sideBarL.html"frameborder="no"border="0"marginwidth="0"mar 查看详情

ifram的高度自适应方法(代码片段)

1.首先,在主页面上使用iframe引入子页面:  注意:这个子页面的id为Iframe 2.在子页面中再引入一个孙页面,并讲子页面的宽高信息传给孙页面:具体代码内容为:<scripttype="text/javascript">(functionautoHeight()varb_width=Math... 查看详情

在html页面中引入另一个html页面的标签?

我做了两个html页面,需要在一个页面中引入另一个页面,页面都是用的<div>标签弄的在html页面中引入另一个html页面的标签1、用iframe标签<iframeSRC="xxxx.html"></iframe> [代码]<IFRAMENAME="content_frame"width=... 查看详情

关于iframe

...html"frameborder="0"width="1000"height="300"></iframe>src-定义引入的页面地址;width,height-定义iframe宽高;2、父页面如何跟iframe的子页面通讯?//找到iframe元素varoIframe1 查看详情

使用iframe父页面调用子页面和子页面调用父页面的元素与方法

在实际的项目开发中,iframe框架经常使用,主要用于引入其他的页面。下面主要介绍一下使用iframe引入其他页面后,父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素。1、父页面获取子页面的元素//jqu... 查看详情

在html页面中引入另一个html页面的标签?

参考技术A在html页面中引入另一个html页面的标签1、用iframe标签<iframeSRC="xxxx.html"></iframe> [代码]<IFRAMENAME="content_frame"width=100%height=30marginwidth=0marginheight=0SRC="import.htm"></IFRAME>2、用object标签... 查看详情

关于jq将一个页面引入另一个页面,类似与组件化的解决方案(代码片段)

使用iframe标签,  <iframeid="tab-4"style="height:80vh"name="tab-4"marginwidth=0marginheight=0width=100%src="../commomFile/guarInfo.html"frameborder=0></iframe>iframe在需要引入html文件的html文件 查看详情

iframe框架学习

学习目标:使用页面的部分内容用框架来形容         用于在页面中引入站外的页面内容    引用页面地址 框架标识名<iframesrc="path"name="mainFrame"></iframe><!DOCTYPEhtm 查看详情

页面嵌入dom与被嵌入iframe的攻防

1.情景一:自己的页面被引入(嵌入)至别人的页面iframe中 if(window.self!=window.top){//url是自己页面的urlwindow.top.location.href=url}通过顶层框架的判断,得知自己所在的框架是否是顶层框架。来判断自己页面所在的情况。 知识点:不同... 查看详情

网页中视频的引入

...:允许全屏显示Iframe的使用比较简单便捷,但是iframe也会引入广告二、H5视频播放器H5视频播放器的用法和iframe相似所谓的可选属性即可以选择性地填写,也可不写,包含了一下几个:autoplay:视频自动播放controls:向用户显示控... 查看详情

javascript的8行代码搞定js文件引入问题

...几十甚至上百个jsp页面。  平常我们对用到的js文件的引入,都会放到index的header里面。如图:  但是,让我们思考三个问题:  1、当业务需要,用到iframe的时候,那么iframe页面将不能再直接调用index引入的js文件  2、... 查看详情

javascript的8行代码搞定js文件引入问题

...几十甚至上百个jsp页面。  平常我们对用到的js文件的引入,都会放到index的header里面。如图:  但是,让我们思考三个问题:  1、当业务需要,用到iframe的时候,那么iframe页面将不能再直接调用index引入的js文件  2、... 查看详情