测试含有两个html文件:html1.html和html2.html

html1.html

 

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>html1</title>
 </head>
	<body>
		<a href="#a1">go html1 a1</a><br/>
		<a href="#a2">go html1 a2</a><br/>
		<a href="html2.html#a1">go html2 a1</a><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<a name="a1">html1 a1 text</a><hr/>
		<a name="a2">html1 a2 text</a>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/>
	</body>
</html>

 html2.html

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>html2</title>
 </head>
 <body>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<a name="a1">html2 a1 text</a><hr/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/>
 </body>
</html>

 

 

解释:

<a href="#a2">go html1 a2</a><br/>

href="#a2":表示跳到本页 name属性值为"a2"的位置.

<a href="html2.html#a1">go html2 a1</a><br/>

href="html2.html#a1":表示跳到html2.html页name属性值为"a1"的位置

 

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐