`
opensuse
  • 浏览: 186879 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

iframe和href中target属性的应用

阅读更多

转自:停留的风的博客

 

target属性
这个属性指定所链接的页面在浏览器窗口中的打开方式,它的参数值主要有:_blank、_parent、_self、_top
,这些参数值代表的含义如下:
◎_blank,在新浏览器窗口中打开链接文件。
◎_parent,将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象_self参数一样。
◎_self,在同一框架或窗口中打开所链接的文档。此参数为默认值,通常不用指定。
◎_top,在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架。
iframe定义


      <div id="zwy">
      
<iframe name="main" style="width:100%;height:100%;"></iframe>
      
</div>   

链接应用:
     <a href="Mail/WriteMail.aspx" target="main"></a> 
这样就能很容易的实现,链接的内容显示在框架内啦。

分享到:
评论

相关推荐

    iframe框架中实现打开多窗口方法

    在实际应用中,为了确保兼容性和用户体验,开发者需要注意不同浏览器对`frameset`和`iframe`的支持情况。此外,随着现代Web开发技术的发展,使用单页应用(SPA)和动态加载技术,可能提供更高效和用户友好的解决方案...

    HTML a 标签的 target 属性.doc

    - 使用框架时,确保 `&lt;frame&gt;` 或 `&lt;iframe&gt;` 元素的 `name` 属性与 `&lt;a&gt;` 标签中的 `target` 属性匹配,以便正确地在指定框架中加载文档。 - 不要在自定义框架名称或 ID 中使用下划线作为第一个字符,因为这可能会...

    a标签的target链接指向iframe的方法

    在实际应用中,合理地运用`&lt;a&gt;`标签的`target`属性与`iframe`结合,可以实现诸如弹窗、多窗口交互等多种功能。 总之,要使`&lt;a&gt;`标签的链接在`iframe`中打开,正确设置`target`属性与`iframe`的`name`属性匹配至关...

    子窗口iframe跳转到父窗口

    3. **兼容性**:不同的浏览器可能对这些操作的支持程度有所不同,因此在实际应用中还需测试其在不同浏览器下的表现。 4. **用户体验**:尽量减少不必要的弹窗和确认步骤,提高用户的操作效率。 #### 四、总结 通过...

    iframe的2种用法

    **正文** 在网页设计与开发中,`...在实际应用中,`iframe`常用于广告展示、地图嵌入、视频播放等场景。然而,`iframe`也有其局限性,如可能造成页面加载速度变慢、SEO优化困难等问题,因此在使用时需要权衡利弊。

    使用iframe实现点击导航无刷新切换页面

    因此,在实际应用中,需要根据项目需求和浏览器兼容性选择合适的技术方案。 总结,通过结合`iframe`和Bootstrap,我们可以创建一个无刷新切换页面的导航系统,提高用户体验。然而,我们也需要关注性能和安全性,...

    asp.net iframe的用法

    - 然后在超链接中指定目标框架,如 `&lt;a href="URL" target="aa"&gt;链接文本&lt;/a&gt;`,这样点击链接后内容将在名为 "aa" 的 `iframe` 中加载。 3. **内容裁剪与定位** - 使用 `marginwidth` 和 `marginheight` 可以调整...

    js下判断 iframe 是否加载完成的完美方法

    在JavaScript中,有时我们需要在网页中嵌入`iframe`(内联框架),并确保它们完全加载后执行某些操作。...在实际应用中,你可以根据具体需求调整`onload`事件的处理函数,例如执行自定义的回调函数或执行某些操作。

    Jquery实现iframe弹出层,简单实用

    这里我们使用`.show()`和`.hide()`方法来控制弹出层的显示与隐藏,以及`.attr()`来动态设置iframe的`src`属性: ```javascript $(document).ready(function() { // 打开弹出层 function openPopup(url) { $("#...

    内嵌框架案例

    此外,搜索引擎优化(SEO)也可能受到影响,因为搜索引擎爬虫可能无法正确解析和索引IFrame中的内容。 总结起来,内嵌框架(IFrame)是一个强大且灵活的工具,可以帮助我们实现各种网页布局和功能。在理解和掌握其...

    iframe应用 及A标签

    在实际开发过程中,`iframe`和`&lt;a&gt;`标签的应用通常涉及JavaScript和ECMAScript的使用。通过JavaScript,可以动态改变`iframe`的`src`属性,实现内容的动态加载,或者与`iframe`内的页面进行通信。ECMAScript是...

    关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别

    在实际应用中,还可以使用带有target属性的标签来控制表单提交后页面跳转的行为。例如: - `&lt;form&gt;`标签的默认行为是提交表单到当前页面,即页面D跳转。 - `&lt;form target="_blank"&gt;`表示提交表单后在新标签页中打开...

    Web前端基础:HTML5浮动框架.pptx

    当涉及到超链接和浮动框架的联合应用时,可以通过设置`&lt;a&gt;`标签的`target`属性来实现目标页面在`&lt;iframe&gt;`中打开。例如,如果`&lt;iframe&gt;`的`name`属性设为`myFrame`,那么超链接可以这样写: ```html &lt;a href=...

    javascript iframe中打开文件,并检测iframe存在否

    在JavaScript中,`&lt;iframe&gt;`元素常用于在网页中嵌入其他页面,它可以在不离开当前页面的情况下加载和展示外部内容。...在实际应用中,要注意处理各种浏览器兼容性问题,以及遵循同源策略等安全限制。

    DREAMWEAVER8.0网页制作教案.pdf

    target属性常见的取值有_self、_blank、_top和_parent,分别表示在当前窗口打开、在新窗口打开、覆盖整个框架组和在父框架中打开。 总结以上内容,本文主要涵盖了以下知识点: 1. Dreamweaver 8.0的基本使用方法,...

    ACCP 6.0 HTML所有属性总结。

    以上只是HTML众多属性的一部分,实际应用中还有更多。ACCP 6.0的HTML属性总结文档可以帮助你系统学习并记忆这些知识,无论何时何地,都能快速查阅,提升开发效率。通过不断地实践和学习,你将能更熟练地运用HTML,...

    通过隐蔽iframe实现无刷新上传文件操作_.docx

    在现代Web应用中,为了提供更好的用户体验,无刷新上传文件是一个常见的需求。本文将详细讲解如何利用隐蔽的iframe实现这一功能,特别是在ReactJS、AmazeUI和Node.js的环境中。 首先,我们需要理解iframe的工作原理...

    javaWeb开发技术HMLPPT课件.ppt

    * 超链接的基本语法:&lt;a href="URL" target="framename"&gt; * 目标框架的设置:target="_self"、target="framename"、target="_blank"、target="_parent" * 超链接的打开方式:在当前框架中打开、在指定框架中打开、新...

    Html对象属性大全.pdf

    ### Html对象属性详解 #### 一、概述 HTML(HyperText Markup Language)是构成Web页面的基础...以上列举了HTML中的一些常用对象属性及其应用示例,通过掌握这些基本知识,可以帮助开发者更高效地构建和优化网页。

Global site tag (gtag.js) - Google Analytics