您现在所在的位置:>首页 > 生活 > 正文
网页升级访问跳转(怎么实现网页之间的跳转)
发布时间:2022-09-21 19:47   浏览量:5

比如现在有t1.html和t2.html两个页面,t1页面中需要设置超链接跳转到t2页面中的锚点a1位置,则需要按如下步骤进行设置:

1、t1页面中设置超链接href属性。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t1页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

.anchor{display:block;padding:5px 10px;background-color:#aaa;}

</style>

</head>

<body>

<a href="./t2.html#a1" target="_blank" >跳转到t2页面a1</a>

</body>

</html>

2、t2页面中设置锚点元素的ID为a1。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t2页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

.anchor{display:block;padding:5px 10px;background-color:#aaa;}

.placeholder{height:800px;padding:5px;}

</style>

</head>

<body>

<div >占位div1</div>

<a id="a1" href="#" >锚点a1</a>

<div >占位div2</div>

</body>

</html>

3、浏览器中打开t1页面(以Chrome浏览器为例,其他浏览器操作一样)。

4、点击“跳转到t2页面a1”,Chrome浏览器会新开一个标签页打开t2页面,此时锚点a1在浏览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。

标签:
细菌的拼音(细菌的“菌”字是读一声还是三声。谢谢) vivo指纹解锁(vivo指纹解锁在哪里啊) chinagirlgoto厕所(chinagirl是什么意思) blow什么意思(blow相反词) 王一博多高(王一博张若昀谁个子高) potato群组(potato怎么退群组) 10个蓝星币换1个紫星币(紫星币为什么直接兑换不了) gn是什么意思(“GN”是什么意思) 全球畅销书排行榜文学(《红楼梦》成全球名著,是因东方爱情伟 腿麻了怎么快速恢复(脑出血病人恢复期腿麻怎么回事)