HTML中 标签想实现跳转链接功能应该怎样实现?
标签是html中的基本标签之一,定义超链接,用于从一张页面链接到另一张页面。
一、href属性
1、可以链接到项目的的文件上,也可以链接到URL网址上;
<a href="/index.html">指向本网站中的一个页面的链接</a>
<a href="http://www.baidu.com/">指向万维网上的页面的链接</a>
2、a标签中可以使用文本也可以使用图片;
<a href="/index.html"><img border="0" src="/图片.gif" /></a>
<a href="/index.html">文本</a>
3、链接到同一页面的不同位置;
<a href="#ID">#ID是要跳转到位置标签的id</a>
二、其他属性
1、download:被下载的超链接目标。<a href="/下载的图片.gif" download="下载图片">这是下载链接</a>;
2、target:链接的打开方式:有五个选项:
_blank:在新窗口中打开被链接文档。
_self:默认。在相同的框架中打开被链接文档。
_parent:在父框架集中打开被链接文档。
_top:在整个窗口中打开被链接文档。
framename:在指定的框架中打开被链接文档。
三:js实现a标签跳转;不使用href属性实现
1、带参数形式
1)<a onclick="test(参数...);">test</a>
2)script代码:
<script>
function test(obj){
【执行的代码】
}
</script>
2、不带参数
1)<a onclick="test();">test</a>
2)script代码:
<script>
function test(){
【执行的代码】
}
</script>
广告 您可能关注的内容 |