设为首页收藏本站

就爱编程论坛

 找回密码
 注册

人人连接登陆

无需注册,直接登录

用新浪微博连接

一步搞定

QQ登录

只需一步,快速开始

查看: 600|回复: 3
打印 上一主题 下一主题

同一页面的链接到不同位置 [复制链接]

Rank: 9Rank: 9Rank: 9

  • TA的每日心情
    无聊
    2025-5-27 03:37:20
  • 签到天数: 366 天

    [LV.9]以坛为家II

    论坛先锋 学习至圣 荣誉成员 论坛元老 活跃之星 终极领袖

    我玩的应用:

    跳转到指定楼层
    楼主
    发表于 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>


    分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    分享分享0 收藏收藏0 支持支持0 反对反对0 分享到人人 转发到微博
    [img=http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=fRUcHhYWGAQ9GxIFEBwUEVMeEhA]http://rescdn.qqmail.com/zh_CN/htmledition/images/function/qm_open/ico_mailme_02.png[/img]

    使用道具 举报

    Rank: 3Rank: 3

    升级 
     
    52.33%

    该用户从未签到

    沙发
    发表于 2011-10-4 23:37:18 |只看该作者
    请问大家有什么看法?我绝对喜欢这个帖子












    1.76精品 1.80复古传奇  1.76复古传奇 轻变传奇 英雄合击 新开传奇sf

    使用道具 举报

    Rank: 2

    升级 
     
    71.33%

    该用户从未签到

    板凳
    发表于 2011-10-8 00:31:06 |只看该作者

    使用道具 举报

    Rank: 3Rank: 3

    升级 
     
    46.33%

    该用户从未签到

    地板
    发表于 2011-10-9 13:20:54 |只看该作者

    使用道具 举报

    您需要登录后才可以回帖 登录 | 注册 人人连接登陆

    晴云孤魂's Blog|就爱编程搜帖|手机版|Archiver|就爱编程论坛     

    GMT+8, 2025-7-1 19:38 , Processed in 0.106750 second(s), 33 queries .

    Powered by Discuz! X2

    © 2001-2011 Comsenz Inc.

    回顶部