복붙노트

[WORDPRESS] HTML에서 사용할 JavaScript 변수를 출력합니다

WORDPRESS

HTML에서 사용할 JavaScript 변수를 출력합니다

해결법


  1. 1.다음 페이지의 링크의 다음 페이지에서 URL 매개 변수로 다음 페이지에서 사용할 속성을 추가 할 수 있습니다. 각 URL 매개 변수에 변수를 지정한 다음 해당 페이지에서 사용하십시오.

    다음 페이지의 링크의 다음 페이지에서 URL 매개 변수로 다음 페이지에서 사용할 속성을 추가 할 수 있습니다. 각 URL 매개 변수에 변수를 지정한 다음 해당 페이지에서 사용하십시오.

    $(function(){
     // append the link to the next page with the color URL parameter
     $('.red-color-selection').on('click',function(){
        $('.next-button').attr('href', function() {
            return this.href + '?color=red';
        });
     });
     // Get URL Params and turn them into variables
     $.extend({
      getUrlVars: function(){
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
          hash = hashes[i].split('=');
          vars.push(hash[0]);
          vars[hash[0]] = hash[1];
        }
        return vars;
      },
      getUrlVar: function(name){
        return $.getUrlVars()[name];
      }
     });
     // set the carColor variable to the value of the color URL parmeter
     var carColor = $.getUrlVar('color');
    
     // do stuff down here to set your car's color what the user had selected on the previous page. 
    });
    

    내가 무슨 뜻인지 보여주는 바이올린이 있습니다. '빨간색'링크를 클릭하면 Dev Tools를 사용하여 URL 매개 변수를 포함하도록 업데이트되었는지 확인하십시오.

  2. from https://stackoverflow.com/questions/18494014/outputting-a-javascript-variable-to-use-in-html by cc-by-sa and MIT license