就爱编程论坛

标题: 同一页面的链接到不同位置 [打印本页]

作者: admin    时间: 2011-7-3 21:42:10     标题: 同一页面的链接到不同位置

同一页面中的跳转分以下情况:
1、跳转原始地和目的地在同一个页面内,例如:
      基本语法          <A HREF="BOOKMARK_ name">文字链接</A>
     语法解释
        BOOKMARK_ name就是刚刚定义的书签名称。

      制作3个链接,分别到页面中<h3>三段标题文字书签的位置。
     01 <!-- ------------------------------ -->
     02 <!-- 文件范例:8-4.htm -->
     03 <!-- 文件说明:链接到同一页面的书签 -->
     04 <!-- ------------------------------ -->
     05 <HTML>
     06 <HEAD>
     07 <TITLE>链接到同一页面的书签</TITLE>
     08 </HEAD>
     09 <BODY>
     10 <H1>主流的网页设计软件</H1>
     11 <A HREF="#dw">Dreamweaver MX 2004</A>
     12 <A HREF="#fl">Flash MX 2004</A>
     13 <A HREF="#fw">Fireworks MX 2004</A>
     14 <A NAME="dw"><H3>Dreamweaver MX 2004</H3></A>
    15 无疑为制作网站提供了更多的实现方式。
    16 <P>
    17 <A NAME="fl"><H3>Flash MX 2004</H3></A>
    18 学习FLASH MX 2004软件更是一个具有诱惑力的过程。
    19 <P>
    20 <A NAME="fw"><H3>Fireworks MX 2004</H3></A>
    21 早已并继续扮演着不可或缺的角色。
    22 <P>
    23 </BODY>
    24 </HTML>
文件说明
   第11、12、13行分别定义了到3个段落标题文字的书签链接。
2、页面A(A.html)中包含了一个iframe,跳转原始地在iframe导入的页面中,目标地在A页面中:
      则在A页面跳转目标地上代码:
            <a name="#replying">发表回复:</a>
     则在iframe导入的页面中代码:
           <a href="A.html#replying" target="_top">回复此留言</a></span> //(记得要写成target="_top"这是在顶部显示)
3、页面A(A.html)中包含了一个iframe,跳转原始地在iframe导入的页面,目标地也在导入到页面中:
          则在iframe导入到页面中的代码“
           跳转开始地:
                    <a href="#replying" target="_sef">回复此留言</a></span> //(记得要写成target="_sef"这是在本页面显示这样还会留在主页面也就是A,html)
          目标地:
                   <a name="replying">发表回复:</a>
4、在页面A中包含iframe,跳转原始地在A页面中,目标地在由iframe中导入的页面中:

采用网页传参的方法,即从C的链接中传递参数告诉A的iframe里面应该跳到什么anchor。这样C里面的链接应该写成<a href="A.html?anchor=anchor1">跳到anchor1去</a>,而在A里面需要加上这样一段javascript代码:
<script language="javascript">
var anchorName=getURLParam("anchor");//通过getURLParam()获取应该跳到哪个锚点
if(anchorName.length>0)
document.all.iframename.src+="#"+anchorName; //将id=iframename的iframe的src定位到该锚点上

function getURLParam(strParamName){
var strReturn='';
var query=this.location.search.substring(1); //获取URL中?后面的部分
if (query.length > 0){
var params=query.split("&");
for (var i=0 ; i<params.length ; i++){
   var pos = params.indexOf("=");
   var name = params.substring(0, pos);
   var value = params.substring(pos + 1);
   if (name==strParamName) {
    strReturn=value;
   }
   
}
}
return strReturn;
}
</script>



作者: 侃呀侃之灵    时间: 2011-10-4 23:37:18

请问大家有什么看法?我绝对喜欢这个帖子












1.76精品 1.80复古传奇  1.76复古传奇 轻变传奇 英雄合击 新开传奇sf
作者: zlxqhbyq    时间: 2011-10-8 00:31:06

顶一个先吧












传奇私服 传奇私服1.76  传奇sf加速器 变态传奇无英雄 带ip超变传奇 异界传奇超变态
作者: ABC_84    时间: 2011-10-9 13:20:54

看的激动。。。 谢谢楼主了












陆河完美国际sf 黄平英雄合击传奇私服 厦门网页设计 城步蜀门私服下载 涞源魔域服务端 玉屏神魔大陆新手卡 华宁天堂2私服




欢迎光临 就爱编程论坛 (http://bbs.waibc.com/) Powered by Discuz! X2