HTML5中什么代码可以从一个页面跳转到另一个页面的特定部分?

HTML5中什么代码可以从一个页面跳转到另一个页面的特定部分?,第1张

可以使用网页的锚点,即<a>标签的id属性,如<a id="C6">Chapter 6</a>当从另处页面连接到该页地址加#C6时就会跳转到此处。

示例:

网页a.htm

<!DOCTYPE html>

<head>

<title>A</title>

</head>

<body>

<a href="b.htm#C6">B - Chapter 6</a>

</body>

</html>

网页b.htm

<!DOCTYPE html>

<head>

<title>B</title>

</head>

<body>

<h2>Chapter 1</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 4</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>

<p>This chapter explains ba bla bla</p>

<h2><a id="C6">Chapter 6</a></h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 7</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 8</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 9</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 10</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 11</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 12</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 13</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 14</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 15</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 16</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 17</h2>

<p>This chapter explains ba bla bla</p>

</body>

</html>

在函数里设置一个flag=false,如果正确则设置flag=true。当点击按钮时,判断flag是否为。true,如果为true,即为函数正确,进行跳转。跳转用window.location.href="http://www.baidu.com"

下次提问最好赋上代码,那样回答起来更精准。

H5edu教育HTML5开发解答

在页面中点击a标签后,要使其跳到页面里面相应的地方,方法很简单,就是在a标签里面href中的内容和你要跳到这个区域的id同名即可,例如:

<a href="#jump">点我看看</a>

<p id=“jump”>我是该区域的相应内容</p>

若跳到其它页面相应的地方,只需在href中#jump的前面加上链接地址即可,即:<a href="链接地址#jump">点我看看</a>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6116584.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存