iframe框架页面实例?iframe嵌套页面 跨域
大家好,关于iframe框架页面实例很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于iframe嵌套页面 跨域的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!
如何用iframe代码显示调用网页的指定部分
以百度主页为例,去掉百度的Logo部分,代码与效果如下:
< html>
< head>
<title>Iframe标签显示目标网页的指定区域,方法1</title>
</head
< body>
< div align="center">
< iframe width="800" height="600" src="" scrolling="no" hspace="-100" vspace="-150"></iframe>
</div></body>
</html>
扩展资料:
Iframe的一些属性:
1、marginheight属性规定框架内容与框架的上方和下方之间的高度,以像素计。
2、maiginweidth属性规定框架内容与框架的左侧和右侧之间的高度,以像素计。
3、vspace y方向显示的区域,负值为从目标网页最上面开始截取的部分,正值为y值+从上部开始内容区域。
4、hsapce x方向显示的区域,负值为从目标网页左侧开始截图的部分,正值为x值+从左侧开始内如区域。
5、src目标网页的地址,可以为html,asp,文本等。
6、frameborder框架边框,0为无边框(画中画效果)。
参考资料来源:百度百科-iframe
iframe说明与用法
一、记录说明
二、iframe说明
<iframe></iframe>标签用于定义一个页面的内联框架。就是在一个html页面中分出小块,然后用iframe把其他网页嵌入进来,这小块就会显示其他html页面的内容了。
三、iframe标签常用属性
四、父、子页面常用方法
1、父页面
注意:iframe加载也需要时间(相当于重新打开一个页面),需要在父页面操作子页面,要等子页面加载完成,iframe常加上onload事件,jq常加上$('#iframeId').load(function(){});再开始操作子页面。
2、子页面
五、实例
这里也包含了项目中写的常用的公共函数。为了方便js直接嵌入html中。因为jquery很方便,也引入了。
六、替换方法
1、ajax获取页面操作DOM加载。jquery也有提供$('divId').load('.html')直接加载的方法。
2、vue等框架,组件。
ajax frame iframe分别是什麽
猪哥解答:
首先ajax是一种技术,而frame跟iframe是HTML的标签元素,也算是HTML的控件。
1、AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),底层的实现是javascript,它使用 XMLHttpRequest进行异步数据查询、检索,也就是说你在静态页面中做某个操作的时候不需要刷新页面就可以做到客户端与服务器端的数据交互,以前正常的做法是通过页面提交来实现客户端与服务器端的数据交互,而现在不需要提交表单就可以了。
2、Frame是HTML的标签,HTML框架,这个目前用的比较多,主要用于页面的布局,一个Frame可以引入一个HTML页面,比方说我做了两个页面,一个页面可以用来做导航栏,一个页面用来做数据显示,那么我用左右结构的Frame,左边放导航栏页面,右边放数据显示页面。
Frame标签是要放在FrameSet标签里面的,FrameSet决定了框架的结构,给你一个简单的代码实例(网上找的),他这个例子挺好,框架里套框架,具体的可以去百度文库下个HTML教材看看。
<html>
<head>
<title>frameDemo</title>
</head>
<frameset rows="81,20,*,20" cols="*" frameborder="NO" border="0" framespacing="0" id="frame1">
<frame name="top1" scrolling="no" noresize src="1.html" frameborder="0">
<frame name="top2" scrolling="no" noresize src="2.html" frameborder="0">
<frameset rows="*" cols="200,8,*" frameborder="NO" border="0" framespacing="0" id="frame2">
<frame name="leftmenu" scrolling="auto" noresize src="1.html" frameborder="0">
<frame name="callleftmenu" scrolling="no" noresize src="menubar.html" frameborder="0">
<frame name="mainframe" scrolling="auto" src="1.html" frameborder="0">
</frameset>
<frame name="bottom" scrolling="no" noresize src="2.html" frameborder="0">
</frameset>
</html>
3、IFrame跟Frame类似,属于内部HTML框架,如果想在一个页面里嵌套一个完全独立的页面,可以用IFrame来实现,这样可以做到局部刷新技术,在出现ajax之前,这个IFrame被广泛应用于页面的登录窗口,以避免整个页面的刷新提交,Ajax技术成熟之后,IFrame逐渐退出历史舞台了,了解就好。用法很简单就是在HTML页面中加一个标签<iframe src="你想引入的页面"></iframe>然后可以设置窗口大小等等。
关于iframe框架页面实例和iframe嵌套页面 跨域的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。