两个iframe之间实现锚点功能

1、当一个页面之间实现锚点功能时候可以通过如下方式实现:

  1、《热爱生命》

1、《热爱生命》


 2、两个页面之间实现锚点功能,可以通过如下方式实现 
  

  1、《热爱生命》

1、《热爱生命》

3、两个iframe之间实现锚点功能,如果用2所采用的方式则会发生如下情况:

两个iframe之间实现锚点功能_第1张图片

两个iframe之间实现锚点功能_第2张图片

从图片可以看出,当点击导航上的1.《热爱生命》确实跳转到了相应的锚点,不过是把导航条所在的这个iframe的页面c.html跳转到诗词所在的页面b.html。即把右侧iframe从c.html变成了b.html。而实际上我们期待的结果是右侧的导航条也就是c.html依然在,是把左侧诗词页面即b.htm跳转到相应的锚点的位置。即如下效果:

两个iframe之间实现锚点功能_第3张图片

两个iframe之间实现锚点功能_第4张图片

该功能只需在对左侧的iframe添加个name="left",然后再右侧的导航条超链接1、《热爱生命》
添加个属性target="left"即4、《倘若才华得不到承认》
便可实现。

下面我把所需的代码给大家贴出来:

a.html





主页面



	

b.html





内容页



	

汪国真诗集

  1、《热爱生命》

  我不去想是否能够成功

  既然选择了远方

  便只顾风雨兼程

  我不去想能否赢得爱情

  既然钟情于玫瑰

  就勇敢地吐露真诚

  我不去想身后会不会袭来寒风冷雨

  既然目标是地平线

  留给世界的只能是背影

  我不去想未来是平坦还是泥泞

  只要热爱生命

  一切,都在意料之中

  2、《如果生活不够慷慨》

  如果生活不够慷慨

  我们也不必回报吝啬

  何必要细细的盘算

  付出和得到的必须一般多

  如果能够大方

  何必显得猥琐

  如果能够潇洒

  何必选择寂寞

  获得是一种满足

  给予是一种快乐

  3、《我微笑着走向生活》

  我微笑着走向生活,

  无论生活以什么方式回敬我。

  报我以平坦吗?

  我是一条欢乐奔流的小河。

  报我以崎岖吗?

  我是一座大山庄严地思索!

  报我以幸福吗?

  我是一只凌空飞翔的燕子。

  报我以不幸吗?

  我是一根劲竹经得起千击万磨!

  生活里不能没有笑声,

  没有笑声的世界该是多么寂寞。

  什么也改变不了我对生活的热爱,

  我微笑着走向火热的生活!

  4、《倘若才华得不到承认》

  倘若才华得不到承认

  与其诅咒 不如坚忍

  在坚忍中积蓄力量

  默默耕耘

  诅咒 无济于事

  只能让原来的光芒黯淡

  在变得黯淡的光芒中

  沦丧的更有 大树的精神

  飘来的是云

  飘去的也是云

  既然今天

  没人识得星星一颗

  那么明日

  何妨做皓月一轮

  5、《假如你不够快乐》

  假如你不够快乐

  也不要把眉头深锁

  人生本来短暂

  为什么 还要栽培苦涩

  打开尘封的门窗

  让阳光雨露洒遍每个角落

  走向生命的原野

  让风儿熨平前额

  博大可以稀释忧愁

  深色能够覆盖浅色

  6、《跨越自己》

  我们可以欺瞒别人

  却无法欺瞒自己

  当我们走向枝繁叶茂的五月

  青春就不再是一个谜

  向上的路

  总是坎坷又崎岖

  要永远保持最初的浪漫

  真是不容易

  有人悲哀

  有人欣喜

  当我们跨越了一座高山

  也就跨越了一个真实的自己

  7、《挡不住的青春》

  曾经有过那么多的惆怅,

  想起往往令人断肠,

  我不知道我的追求在何方,

  问风问雨问大地,

  却没有点回想。

  岁月无声的流淌,

  可是有谁愿意总是迷惘?

  我要飞翔,

  那么有没有人为我鼓掌?

  我用生命和热血铺路,

  没有一个季节能把青春阻挡!


c.html





导航页


	1、《热爱生命》
2、《如果生活不够慷慨》
3、《我微笑着走向生活》
4、《倘若才华得不到承认》



你可能感兴趣的:(html)