如何使用 amp-bind-macro 调用清理用户对 URL 的输入？

简介：有时您可能希望对 Google 搜索 URL 的输入进行清理，这可以在 amp-bind-macro 的帮助下实现。它可用于动态创建经过清理的 URL。可以通过简单地将输入转换为小写并将空格替换为‘%20’来实现经过清理的 URL。

设置：要在我们的 AMP 页面中使用 amp-bind-macro，我们必须在文档的头部导入 amp-bind 脚本。

例子：

  

    GeeksForGeeks | amp-bind-macro
    
      
    
    
  
    
  
    
  
    
    
    
  
    
        body {
            -webkit-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            -moz-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            -ms-animation: -amp-start 8s
                steps(1, end) 0s 1 normal both;
  
            animation: -amp-start 8s
                steps(1, end) 0s 1 normal both;
        }
  
        @-webkit-keyframes -amp-start {
            from {
                visibility: hidden;
            }
  
            to {
                visibility: visible;
            }
        }
  
        @-moz-keyframes -amp-start {
            from {
                visibility: hidden;
            }
  
            to {
                visibility: visible;
            }
        }
  
        @-ms-keyframes -amp-start {
            from {
                visibility: hidden;
            }
  
            to {
                visibility: visible;
            }
        }
  
        @-o-keyframes -amp-start {
            from {
                visibility: hidden;
            }
  
            to {
                visibility: visible;
            }
        }
  
        @keyframes -amp-start {
            from {
                visibility: hidden;
            }
  
            to {
                visibility: visible;
            }
        }
    
  
    
        
            body {
                -webkit-animation: none;
                -moz-animation: none;
                -ms-animation: none;
                animation: none;
            }
        
    
      
    
        h1 {
            color: forestgreen;
        }
    

  

    
        GeeksForGeeks
    
  
    
    
        
        
  
        
            Type in something you want 
            to search with spaces
        
  
        
  
        
            Your sanitized link will display 
            here. You can copy and paste into
            search bar to test.
        
    

  

输出：