点链接时,在当前页内嵌的iframe框架中打开

最新推荐文章于 2023-05-10 19:50:30 发布
最新推荐文章于 2023-05-10 19:50:30 发布
阅读量304 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wmnmtm/article/details/82923417
本文介绍了一个简单的网页布局案例，该案例使用iframe元素加载指定页面。通过设置target属性为iframe的name值实现点击不同链接时，在iframe中加载相应内容的功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >


有一个网页index.html, 上面有一些链接A,B,C,并有一个iframe,点击链接时,在框架中显示.


 

">进入

 


name="iframeinroom" SCROLLING=NO height=100 SRC="sample.htm">




 

通过div将iframe隐藏,

target="iframeinroom"中红色部分必须是iframe 的name值,而不能是id值,否则出错.
本人经过试验的,确实可行.




  评论这张
microblog.png?1 转发至微博
 
microblog.png?1 转发至微博
阅读(581) | 评论(0)
|
推荐 0人  |  转载
 
历史上的今天
最近读者
热度
在LOFTER的更多文章
关闭
玩LOFTER，免费冲印20张照片，人人有奖！      我要抢>
评论
wmnmtm
关注
Python + Playwright（12）：处理 iframe (内嵌框架)「详细介绍」
blues_C的博客
08-27 1050
iframe，即内嵌框架，是 HTML 标签之一，允许在网页内嵌入另一个 HTML 页面。与普通的页面元素不同，iframe 有自己独立的 DOM 树、浏览上下文、JavaScript 运行环境以及网络会话（如 Cookie 和 LocalStorage）。
在点击链接后在 iframe 中显示 HTML/CSS 网页（使用 WEB-ITnose）的实现方法
CbrFullstack的博客
10-01 139
通过使用上述代码，你可以在点击链接后在 iframe 中显示具有 HTML/CSS 样式的网页。在上述代码中，我们首先定义了一个样式规则，用于设置 iframe 的宽度、高度和边框样式。然后，函数将获取 iframe 元素的引用，并将链接的 URL 赋值给 iframe 的。最后，我们在页面中创建了一个用于显示网页的 iframe，并为其指定了一个唯一的 ID。的函数，该函数接受一个 URL 作为参数，并将该 URL 赋值给 iframe 的。，你可以根据需要将其替换为你想要加载的特定网页的 URL。
在iframe框架中打开页面的方法
09-22
有时候需要在当前的iframe页面打开地址，以来容易控制不用去别的也页面，当前页不用转向也能提交。
iframe里面打开链接如何还是在iframe框架里面？ iframe里面打开链接为什么还是在iframe框架里面
waj89757的专栏
01-20 5462
target属性 可以控制打开的页面是在自己的框架中，还是在父类的框架中，还是新的等等。 在iframe要链接的页面中加上 设计家园 href的target有四个属性，分别是：_blank,_self,_parent,_top，这四个各自代表的意思也不多说了， 也可以自己给target里写_加网页的头名称 给target属性命名为my_tar，当点击链接的时候，如果没有名
Web之iframe的那些事、打开外链、窗口、嵌入、location、replace、iframe、assign、href、open
优快云博客主页地址：https://mengjian.blog.youkuaiyun.com/
05-10 1799
Web之iframe的那些事、打开外链、窗口、嵌入、location、replace、iframe、assign、href、open
如何使iframe外部的超级链接的页面在iframe中打开
weixin_33834679的博客
02-24 2375
如何使iframe外部的超级链接的页面在iframe中打开，有以下两种方法： 一、html方法： <iframe name="a1"></iframe> <a href="http://www.lingdublog/" target="a1">零度博客</a> 二、javascript方法： <iframe i...
在指定<iframe>打开一个指定页面
技术交流
09-27 284
在一个页面中有两个标签，其中一个包含一个页面，在页面中单击一个链接，打开的页面要求在另一个中打开 包含的页面 New Document 链接 ...
JS防止网页被嵌入iframe框架的方法分析
01-19
本文实例讲述了JS防止网页被嵌入iframe框架的方法。分享给大家供大家参考，具体如下： 例如： [removed] if (window!=top) // 判断当前的window对象是否是top对象 top.location.href = [removed].href; // 如果...
iframe内嵌框架优点
最新发布
07-08
iframe（内联框架）是HTML中的一个元素，用于在当前网页中嵌入另一个独立的网页或资源。它通过`<iframe>`标签实现，允许开发者在一个页面内无缝集成外部内容，同时保持主页面和嵌入内容的相对独立性。下面我将逐步...
jsp页面内嵌html5,jsp 内嵌网页内容--iframe
weixin_39693437的博客
06-10 832
ZZzzz~ may wind 　src：文件的路径，既可是HTML文件，也能够是文本、ASP等； 　width、height："画中画"区域的宽与高； 　scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，假如配置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示; frameborder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，...
iframe跨域常用问题和iframe页面自适应
08-20
在网页开发中，`iframe`（Inline Frame）是一种非常实用的元素，它可以将一个完整的HTML文档嵌入到当前页面中，常用于实现页面组件化、加载外部内容或隐藏页面加载等场景。本篇文章将深入探讨两个关键知识点：`...
HTML学习笔记：在内联框架iframe中打开页面
VellVell的博客
03-26 1587
在HTML页面放一个内联框架iframe，并将两个<a>与其关联，当点击链接后，页面直接在iframe中显示，不会重新打开一个页面。 <p> <a href='https://www.baidu.com' target="frame">baidu</a><br> <a href='https://weibo.com' target="frame">weibo</a> </p> <iframe src=
（9）前端 - HTML - 内嵌标签
Ricardo__Lu的博客
08-11 241
内嵌标签： iframe： src：要显示的网页资源路径 可以是本地（也可以是网络资源URL） 注意：默认当前页面打开及加载指向的资源 width：设置显示区域的宽度 ...
HTML超链接、内嵌框架
橘猫吃不胖的博客
10-08 1479
HTML超链接、内嵌框架1 超链接1.1 什么是超链接1.2 超链接标签< a >1.3 通过超链接实现“锚点”2 内嵌框架标签 1 超链接 1.1 什么是超链接 当用户点击文字、图像、视频等页面元素时，页面会发生跳转，则这些页面元素就是超链接 1.2 超链接标签< a > 格式： <a href="url地址" target="页面打开的方式">页面元素(文字、图像、音频、视频)</a> 属性 含义 href 值是要跳转的页面的地址，通常
Iframe框架target获取失败导致无法在frame框架内打开新页面
qq_38649702的博客
09-19 993
Iframe框架target获取失败导致无法在frame框架内打开新页面
iframe页面中打开滴三方链接
start_sea的博客
11-04 2371
iframe页面中打开滴三方链接 场景：在A界面中iframe嵌入界面B，在B界面中打开第三方链接C 1、最常用的方式window.location.href： window.location.href = C； 说明：window.location.href 方式在window系统浏览器打开是有效的，在安卓手机浏览器打开也是有效的，在IOS系统手机中打开无效。 2、parent.location.href方式： parent.location.href = C； 说明：parent.location.hr
指定a链接在iframe中打开
LzzMandy的博客
08-27 9803
可以在a标记的target属性中，指定链接在iframe中打开 1、结果 点击每个链接，在iframe框中显示指向的html内容。 2、源码 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值