iframe的target属性

最新推荐文章于 2022-02-10 16:27:38 发布
最新推荐文章于 2022-02-10 16:27:38 发布
阅读量641 收藏
点赞数 2
分类专栏： 页面框架 文章标签： 框架 fream

target属性
这个属性指定所链接的页面在浏览器窗口中的打开方式，它的参数值主要有：_blank、_parent、_self、_top
，这些参数值代表的含义如下：
◎_blank，在新浏览器窗口中打开链接文件。
◎_parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。
◎_self，在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。
◎_top，在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架。
iframe定义
Code
      <div id="zwy">
      <iframe name="main" style="width:100%;height:100%;"></iframe>
      </div>   
链接应用：
     <a href="Mail/WriteMail.aspx" target="main"></a> 
这样就能很容易的实现，链接的内容显示在框架内啦。

　ALLOWTRANSPARENCY allowTransparency 设置或获取对象是否可为透明。 <iframe allowTransparency="true" <body style="background:transparent">

a标签的target属性配合iframe的name属性实现页面局部刷新功能
qq_45769329的博客
10-09 667
代码实现： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="${pageContext.request.contextPath}/...
IE中document.createElement的iframe无法设置属性name的解决方法
09-03
例如，如果`name`属性设置为"ifr"，那么`<a>`标签或`<form>`标签可以通过`target="ifr"`属性将内容加载到对应的`iframe`中。在Firefox等其他浏览器中，我们可以直接使用`iframe.name = 'ifr'`或`iframe.setAttribute...
关于Ajax与iframe及target的问题
04-02
NULL 博文链接：https://liangq.iteye.com/blog/1456564
iframe和href中target属性的应用
opensuse
03-12 416
转自：停留的风的博客   target属性这个属性指定所链接的页面在浏览器窗口中的打开方式，它的参数值主要有：_blank、_parent、_self、_top，这些参数值代表的含义如下：◎_blank，在新浏览器窗口中打开链接文件。◎_parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。◎_...
iframe中的target属性
qq_43096062的博客
08-23 3337
iframe中的target属性 在使用iframe的时候，我们有时候会遇到，外面的链接，去操作iframe中的页面 <!DOCTYPE html > <html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="https...
iframe target属性
杨明的博客
10-31 8674
target属性 这个属性指定所链接的页面在浏览器窗口中的打开方式，它的参数值主要有：_blank、_parent、_self、_top ，这些参数值代表的含义如下： _blank，在浏览器新窗口中打开链接。 _parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。 _self，在同一
iframe与form的target属性介绍
东语的专栏
04-03 917
target属性：  _blank ---------- 新开窗口  _self ----------- 自身  _top ------------ 主框架  _parent --------- 父框架  自定义名字 ----- 出现于框架结构，将会在该名称的框架内打开链接  target这个属性指定所链接的页面在浏览器窗口中的打开方式，它的参数值主要有：_blank、_paren
JavaScript获得表单target属性的方法
10-24
为了更好地控制表单数据的提交方式，我们常常需要操作表单的target属性。JavaScript作为一种客户端脚本语言，提供了强大的功能来操作HTML元素，包括表单元素。本文将详细介绍如何使用JavaScript获得表单的target属性...
a标签的target链接指向iframe的方法
09-28
本篇将详细讲解如何利用`<a>`标签的`target`属性来指定链接在哪个`iframe`中打开，以及相关注意事项。 首先，`<iframe>`标签是HTML中用于嵌入另一个文档的元素，它可以在同一个页面内显示来自不同源的内容。`...
a标签和iframe标签中的target
YXX_decsdn的博客
05-17 3980
target1，a标签i）_selfii）_blank2，iframe标签1）_parent2）_top 先来看a标签 1，a标签 a标签：超链接标签，双标签，常用标签属性： 1）href：指定打开的页面； 2）target：用于指定在哪个窗口打开href标签属性指定的页面，常用属性值有_self 、_blank 等； i）_self 演示结果如下 说明:点击“百度一下”之后，_self是当...
iframe target
germmy-神一样的开发
12-16 379
1、 实际上，iframe是没有target的。   target一般存在&lt;a&gt;标签或者form表单中。iframe自己是没有target的。   一般taget的值都是iframe或者frame的name值。   2、顺便再说一下如果用了iframe,那么父窗体和子窗体如何通信。      2.1） 一般情况下，如果在子窗体中调用父窗体的对象，要用到parent对...
frame iframe target
germmy-神一样的开发
08-25 170
  无谓是超链接，还是form提交，都有一个属性叫做target.     它的意思是，你希望之后的结果出现在哪里， 比如_blank,就是新增一个页面存放结果; 比如_self就是在自身页面存放结果。     而我们一般都会将target设置成某个框架的名称，这样就可以实现不刷新的效果，将结果放在另外一个框架网页里。   举例1：用frame举例： &lt;% Str...
js实现iframe的target功能
06-15 2209
同一框架中：this.frames["iFrame1"].location.href="content2.jsp";从子页面跳转到父页面的另一个iframe：parent.frames["rightFrame"].location.href="content2.jsp";
html中a标签的target属性值iframe
qq_27577113的博客
02-10 1821
<a href="xxx.html" target="iframe"> 使用iframe调用xxx.html页面 </a> target='iframe'并不会打开新的或者覆盖本页面, 而是会在本页的iframe中打开这个页面
iframe内跳转方式，target=_parent 属性的放置位置，向父级页面跳转。
民义叔
09-25 5625
情景：在iframe中有一个表单，表单外层有一个 作为表单提交的操作。 问题：在游客模式下可以进入到该iframe中，当点击提交()时，将超链接中加入 target=_parent属性 ，是使其以向父级页面跳转进入登录界面，已登录模式下消除该属性。结果是：游客模式下还在当前iframe内跳转向登录界面。target=_parent属性不起作用。 经过一系列查询：原因所在——超链接中href的提交操...
内嵌框架iframe、超链接target、滚动标签（Html基础）5
虎小币的博客
11-03 457
son.html： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 我是son页面<br /> <a href="http://baidu.com" target="_blank">新窗口打开百度</a><br />
iframe标签的用法
UserGuan的博客
08-06 297
<iframe scrolling="yes" name="target" frameborder="0" src="main.html"></iframe> name：规定 <iframe> 的名称 width：规定 <iframe> 的宽度 height：规定 <iframe> 的高度 src：规定在 <iframe&...
iframe的属性
最新发布
03-08
### HTML `<iframe>` 标签的属性及其用法 #### 宽高设置 `<iframe>` 元素可以通过 `width` 和 `height` 属性来设定其宽度和高度。这些属性接受像素值、百分比或者其他 CSS 单位作为参数，从而精确控制内嵌框架在页面上的大小。 ```html <iframe src="https://www.example.com" width="500px" height="300px"></iframe> ``` 此代码片段展示了如何通过指定固定的宽高来呈现一个来自外部站点的内容窗口[^4]。 #### 边框样式 为了调整或移除 `<iframe>` 默认边框，可利用 `frameborder` 属性。当该属性被设为 `"0"` 或者省略时，则不会显示任何可见边界；反之如果设置为 `"1"` 则会出现默认样式的边框线。 ```html <!-- 移除边框 --> <iframe src="..." frameborder="0"></iframe> <!-- 显示边框 --> <iframe src="..." frameborder="1"></iframe> ``` 上述例子中第一个实例去除了外框而第二个保留了它。 #### 沙箱模式 `sandbox` 是一项重要的安全特性，旨在限制加载于 `<iframe>` 内部文档的行为能力。启用沙盒机制后，默认情况下会阻止脚本执行、表单提交以及其他潜在风险操作除非特别指定了相应的权限许可选项。 ```html <iframe src="unsafe-content.html" sandbox></iframe> ``` 这里定义了一个处于严格受限环境下的子页面容器[^2]。 #### 加载指示器 `loading` 属性提供了两种不同的懒加载策略——即时加载 (`eager`) 与延迟加载 (`lazy`) ，后者有助于优化性能特别是在移动设备上浏览大型图片集或多层嵌套结构的情况下尤为有效。 ```html <!-- 立即加载 --> <iframe src="image-gallery.html" loading="eager"></iframe> <!-- 延迟加载 --> <iframe src="large-video-player.html" loading="lazy"></iframe> ``` 这段示范说明了何时开始获取并渲染目标资源的选择方式。 #### 来源地址配置 最重要的也是最基本的属性之一就是 `src` 。这个 URL 字符串决定了要加载的具体位置，无论是相对路径还是绝对链接都可以正常使用。 ```html <iframe src="/local-page.html"></iframe> <!-- 相对URL --> <iframe src="http://example.org/external-site.html"></iframe> <!-- 绝对URL --> ``` 以上两行分别指向内部文件夹里的静态页面以及互联网其他地方托管的服务端响应内容。 #### 浏览上下文名称 有时可能希望给定的名字能帮助区分多个同类型的组件间的关系或者是用来配合 JavaScript API 实现跨窗体通信等功能。此时便可以用到 `name` 参数： ```html <iframe name="myFrameName" src="..."></iframe> <a href="anotherPage.html" target="myFrameName">Link Text</a> ``` 在这个场景下点击超链接将会使得新打开的目标页面替换掉之前命名好的那个特定区域而不是新开标签页。 #### 可见性管理 最后值得一提的是有关视觉表现方面的几个辅助性质的开关型标志位比如 `allowfullscreen`, `referrerpolicy` ,还有针对移动端特性的 `scrolling` 控制滚动条行为等等均属于此类别。 ```html <iframe allowfullscreen referrerpolicy="no-referrer" scrolling="auto"></iframe> ``` 此处列举了一些常用的布尔类型标记项用于进一步定制化用户体验效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值