如何用iframe代码显示调用网页的指定部分

如何用iframe代码显示调用网页的指定部分,第1张

以百度主页http://www.baidu.com为例,去掉百度的Logo部分,代码与效果如下:

<html>

<head>

<title>Iframe标签显示目标网页的指定区域,方法1</title>

</head

<body>

<div align="center">

<iframe width="800" height="600" src="http://www.baidu.com" 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

Jquery可以使用“$("iframe body").html()”语句获取iframe里面body的html内容。

jQuery选择器允许对HTML元素组或单个元素进行 *** 作,所有选择器都以美元符号开头:$()。元素选择器基于元素名选取元素,例如:“$("p")”可以获取页面中所有<p>元素对应的jquery对象。

jQuery对象的html()函数用于获取该对象对应html标签内包含的所有html代码。

扩展资料:

jQuery选择器的分类:

1、元素选择器

jQuery元素选择器基于元素名选取元素,例如:“$("p")”用于选取出所有p标签的jquery对象。

2、id选择器

jQuery #id选择器通过HTML元素的id属性选取指定的元素。页面中元素的id应该是唯一的,所以您要在页面中选取唯一的元素需要通过#id选择器,例如:“$("#test")”于选取出id为“test”的jquery对象。

3、class 选择器

jQuery类选择器可以通过指定的class查找元素,例如:$(".test")用于选取出所有包含“.test”类的jquery对象。

参考资料来源:百度百科-jQuery

可以直接写代码,用于应对不支持 的浏览器,下面是对详细说明:

HTML 标签

实例

标记一个内联框架:

<a href="http://www.baidu.com" target="_blank">http://www.baidu.com</a>">不支持框架浏览器支持

所有主流浏览器都支持 标签。

标签定义及使用说明

标签规定一个内联框架。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

提示和注释

提示:可以把需要的文本放置在 和 之间,这样就可以应对不支持 的浏览器。

提示:使用 CSS 为 (包括滚动条)定义样式。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6194815.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存