页面跳转

一个页面跳转到另一个页面

<a href="" target="">文字或图片</a>

href : 绝对地址,相对地址,根路径

target :     1)_self : 在当前窗口打开新的页面

                 2) _blank : 浏览器总在一个新打开未命名的窗口

                 3)_parent : 使得文档载入父窗口或者包含来超链接引用的框架的框架.如                                   果这个引用是在窗口或者在顶级框架中,那么它与目标_self等效


	<a href="锚点跳转.html" target="_blank">描点跳转</a>
	<a href="https://www.baidu.com/" target="_self">百度</a>

跳转指定位置

定义锚点(做记号)

1)通过a标记的name属性: <a name="锚点名称”>内容</a>,尽量英文下划线连字符

2)通过任意标记的id属性:<标记id="锚点名称”</标记>(3)外部链接(文件下载邮箱 js代码执行)

链接到锚点(跳转到锚点处)

1)        <a href =”#锚点名称”></a>                             跳转的本页的锚点
2)       <a href =” 页面 URL# 锚点名称”></a>                跳转到指定页面的锚点

示例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>锚点跳转</title>
	</head>
	<body>
			<a href="#no1">跳转到锚点1</a>
			<a href="#no2">跳转到锚点2</a>
			<a href="#no3">跳转到锚点3</a>
			<a href="#no4">跳转到锚点4</a>
		<div>
			<h3 id="no1">锚点1</h3>
			<p>日本人之称我中国也(1),一则曰老大帝国,再则曰老大帝国。是语也,盖袭译欧西人(2)之言也。呜呼!我中国其果老大矣乎?梁启超曰:恶(3)!是何言!是何言!吾心目中有一少年中国在!</p>
			<h3 id="no2">锚点2</h3>
			<p>欲言国之老少,请先言人之老少。老年人常思既往,少年人常思将来。惟思既往也,故生留恋心;惟思将来也,故生希望心。惟留恋也,故保守;惟希望也,故进取。惟保守也,故永旧;惟进取也,故日新。惟思既往也,事事皆其所已经者,故惟知照例;惟思将来也,事事皆其所未经者,故常敢破格。老年人常多忧虑,少年人常好行乐。惟多忧也,故灰心;惟行乐也,故盛气。惟灰心也,故怯懦;惟盛气也,故豪壮。惟怯懦也,故苟且;惟豪壮也,故冒险。惟苟且也,故能灭世界;惟冒险也,故能造世界。老年人常厌事,少年人常喜事。惟厌事也,故常觉一切事无可为者;惟好事也,故常觉一切事无不可为者。老年人如夕照,少年人如朝阳;老年人如瘠牛,少年人如乳虎。老年人如僧,少年人如侠。老年人如字典,少年人如戏文。老年人如鸦片烟,少年人如泼兰地酒。老年人如别行星之陨石,少年人如大洋海之珊瑚岛。老年人如埃及沙漠之金字塔(4),少年人如西比利亚(5)之铁路;老年人如秋后之柳,少年人如春前之草。老年人如死海(6)之潴为泽,少年人如长江之初发源。此老年与少年性格不同之大略也。任公曰:人固有之,国亦宜然。</p>
			<h3 id="no3">锚点3</h3>
			<p>梁启超曰:伤哉,老大也!浔阳(7)江头琵琶妇,当明月绕船,枫叶瑟瑟,衾寒于铁,似梦非梦之时,追想洛阳尘中春花秋月之佳趣。西宫(8)南内,白发宫娥,一灯如穗,三五对坐,谈开元、天宝间遗事,谱《霓裳羽衣曲》。青门(9)种瓜人,左对孺人,顾弄孺子,忆侯门似海珠履杂遝之盛事。拿破仑(10)之流于厄蔑,阿剌飞之幽于锡兰,与三两监守吏,或过访之好事者,道当年短刀匹马驰骋中原,席卷欧洲,血战海楼,一声叱咤,万国震恐之丰功伟烈(11),初而拍案,继而抚髀(12),终而揽镜。呜呼,面皴齿尽,白发盈把,颓然老矣!若是者,舍幽郁(13)之外无心事,舍悲惨之外无天地,舍颓唐之外无日月,舍叹息之外无音声,舍待死之外无事业。美人豪杰且然,而况寻常碌碌者耶?生平亲友,皆在墟墓;起居饮食,待命于人。今日且过,遑知他日?今年且过,遑恤明年?普天下灰心短气之事,未有甚于老大者。于此人也,而欲望以拏云(14)之手段,回天(15)之事功,挟山超海(16)之意气,能乎不能?</p>
			<h3 id="no4">锚点4</h3>
			<p>呜呼!我中国其果老大矣乎?立乎今日以指畴昔,唐虞三代(17),若何之郅治(18);秦皇汉武,若何之雄杰;汉唐来之文学,若何之隆盛;康乾间之武功,若何之烜赫。历史家所铺叙,词章家所讴歌,何一非我国民少年时代良辰美景、赏心乐事之陈迹哉!而今颓然老矣!昨日割五城,明日割十城,处处雀鼠尽,夜夜鸡犬惊。十八省(19)之土地财产,已为人怀中之肉;四百兆(20)之父兄子弟,已为人注籍之奴(21),岂所谓“老大嫁作商人妇”(22)者耶?呜呼!凭君莫话当年事,憔悴韶光不忍看!楚囚相对(23),岌岌顾影,人命危浅,朝不虑夕。国为待死之国,一国之民为待死之民。万事付之奈何,一切凭人作弄,亦何足怪!</p>
		</div>

	</body>
</html>

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐