页面跳转

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

<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>

# html # webview # wpf
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

Python中两种网络编程方式：Socket和HTTP协议

avatar 华为云开发者联盟
cover

Spring开发：动态代理的艺术与实践

avatar 华为云开发者联盟
cover

教你解决CCE集群中容器出网

avatar 华为云开发者联盟