html中target四种选择target=_blank、target=_parent、target=_self、target=_top的区别与对比?

htmltarget四种选择target_blanktarget_parenttarget_selftarget_top的区别与对比?

描述

_blank

在新窗口打开

_self

在当前框架中打开

_parent

在上级框架中打开(上级框架也叫父框架

_top

在最顶层框架中打开(将清除所有当前框架

在HTML中target目标的四个参数的用法

target=”_self”

表示:将链接的画面内容,显示在目前的视窗中。(内定值) 。

即:同窗口打开。

target=”_parent”

表示:将链接的画面内容,当成文件的上一个画面。

即:当前窗口打开。

target=”_top”

表示:将框架中链接的画面内容,显示在没有框架的视窗中(即除去了框架)。

即:顶端打开窗口。

arget=”_blank”

表示:将链接的画面内容,在新的浏览视窗中打开。

即:打开新窗口。

在手动改HTML代码时经常会用到target参数,

常用的有

target=_blank在新窗口打开表示在新窗口中打开该链接。

target=_self在当前窗口打开表示相同框架,即在当前窗口(或当前选项卡)中打开该链接。

还有两个不常用的

target=_parent在父窗口打开将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象_self参数一样。

target=_top在顶级窗口打开在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架,不写的话就是表示默认值,默认值一般跟浏览器有关。


  1. target="_self",在当前窗口打开。

它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。(此处就是实现你的每次跳转都在同一个窗口的核心点)

html中target四种选择target=_blank、target=_parent、target=_self、target=_top的区别与对比?_第1张图片

2、target="_blank",在新窗口打开

浏览器总在一个新打开、未命名的窗口中载入目标文档

html中target四种选择target=_blank、target=_parent、target=_self、target=_top的区别与对比?_第2张图片

3、target="_parent",在父窗口打开。

属性作用使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

html中target四种选择target=_blank、target=_parent、target=_self、target=_top的区别与对比?_第3张图片

4、target="_top",在顶级窗口打开。

属性作用使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。意思是用这个属性时,什么乱七八遭的框架限制都失去作用。

html中target四种选择target=_blank、target=_parent、target=_self、target=_top的区别与对比?_第4张图片

总结:值得注意的是,属性值前面都是英文字符的下划线_ ,提醒别打成中文字符,或者打成-。

你可能感兴趣的:(前端,java,前端,数据库)