html网页制作target在哪,网页设计中:target="_self"和target="_parent"以及target="_top"意思...

本文介绍了HTML中如何使用target属性让链接在新窗口打开,包括target=_blank的使用方法,以及在不同HTML标准下的兼容性解决方案。

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

target=_blank会在当前窗口之外再打开一个新窗口来显示新的页面, 这样,用户可以看当前窗口的内容,就不觉的无聊,而且可以打开其它栏目,慢慢等待各个请求依次完成,这样就比target=_self在当前窗口打开新页 面,用户需要长时间看着一个一成不变的页面等待,或看着缓慢移动的滚动条发呆,要好得多

说白了,就是:target=_blank打开新页面,target=_self在本身页面中打开.

是将基本链接的目标框架都改为新页打开,如果对HTML、CSS和JS不是很熟悉,不建议使用这种方法,改为独立控制。

其实、等很多标签都支持target="black"的属性,建议在这样的标签里单独做设置,比如:

超链接内容

表达内容 如果不加这一句,默认均为本页刷新,即target="_self"。

在网页中,经常碰到这种情况:点击某些链接,就会弹出新窗口,原来的页面部改变,而有些链接,就在原窗口上打开新的链接,原窗口没有了,被覆盖了。这个是为什么呢?怎么实现的呢?

target=_blank,这个标签,就是解决这个问题的。是将基本链接的目标框架都改为新页打开,即弹出新窗口。、等很多标签都支 持target="black"的属性,可以在这样的标签里单独做设置,比如:

超链接内容

表达内容 如果不加这一句,默认均为本页刷新,即target="_self"。还有两个这样的标签,表示在整页窗口打 开,表示在父窗口打开。

单独定义,新窗口打开

单独定义,相同窗口打开

单独定义,整页窗口打开

单独定义,父窗口打开

另外,这只是单独设置,如果有在某个页面上有很多的链接或者form表单,逐一的添加标签会很麻烦,有没有类似批处理的呢?

这就要用到 ,这是基本的HTML语言。用来设置这个网页所有链接的目标窗口。也就是说,网页中只要添加这句,那么所有的超链接就无须单独设置。最好将这句写在

和之间。例如

表示网页中所有的超链接的目标地址都在新建窗口中打开。

表示网页中所有的超链接的目标地址都在原窗口上打开。

当然,这样的标签有时也会碰到麻烦。

1 不符合标准

当我们使用W3C过渡型标准时,即DOCTYPE(xh tml1-transitional. dtd),没有问题,但是使用严格的标准时,即DOCTYPE(xhtml1-strict.dtd),就会出错,错误提示:

"there is no attribute target for this element(in this HTML version)"

原因是,外国人认为,不经过用户同意,就随便打开新窗口,是不礼貌的,不尊重用户的,可参看 http://bbs.chinahtml.com/showthread.php?t=53657

那碰到这种情况时怎么办呢?

HTML4.0增加了一个新属性:rel,这个属性用来说明链接和包含此链接页面的关系,以及链接打开的目 标。rel有许多的属性值,比如next、previous,、chapter、section等等。我们要使用的就是rel="externa l"属性。原来这样写的代码:

打开一个新窗口 现在要写成这样:

打开一个 新窗口 这是符合strict标准的方法。当然还必须配合一个javascript才有效。

javascript

完整的代码JS如下:

function externallinks() {

if (!document.getElementsByTagName) return;

var anchors = document.getElementsByTagName("a");

for (var i=0; i

var anchor = anchors[i];

if (anchor.getAttribute("href") &&

anchor.getAttribute("rel") == "external")

anchor.target = "_blank";

}

}

window.onload = externallinks;

你可以把它保存成一个.js文件(比如external.js),然后通过外部联接方法调用:

就是这样。

2 浏览器不支持

有时,使用了上述标签,但是,任旧不见效果,比如使用了target=_blank,却不能弹出窗口,这是因为,有些浏览器被用户设置了,不让弹出窗口, 当然这样设置是为了屏蔽广告,因此,这是就无法打开新窗口,知道了原因,解决就很简单了,在浏览器中设置一下就可以了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值