HTML中锚点的使用_动力节点Java学院整理

现在总结一下控制锚点的几种情况：

1. 在同一页面中
 

跳转到add

2. 在不同页面中，锚点定位在a.html中，从另外一个页面的链接跳转到这个锚点 

跳转到a.add

3. 点击链接触发js事件，同时跳转到锚点，有两种处理方式：

第一种：

触发add函数并跳转到add锚点

第二种： 

通过scrollIntoView实现锚点效果  

在html中设置锚点定位有几种方法，使用id定位、使用name定位、使用js定位，这些方法不一定是最全的，只可以参考下

1、使用id定位：

锚点1 
 
 
11111111111 

 
11111111111 

11111111111 

11111111111 

11111111111 

 
 
  

这样的定位可以针对任何标签来定位。

2、使用name定位：

锚点5 



















 

使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。

3、使用js定位

实例：

js 锚点平滑定位  

    
        
        
    
    
        

            
            header_1 --> header_4
            

            
        
        

            
            header_2 --> header_5
            

            
        
        

            
            header_3 --> header_6
            

            
        
        

            
            header_4 --> header_7
            

            
        
        

            
            header_5 --> header_3
            

            
        
        

            
            header_6 --> header_2
            

            
        
        

            
            header_7 --> header_1
            

            
        
    

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。