URL을 기반으로 페이지 내용을 동적으로 변경합니다.

Question

URL을 기반으로 웹 페이지의 내용을 변경할 수 있습니까? 예를 들어

, 누군가가 방문 :

example.com/dyanmictextpage.html/?utm_source=google & utm_campaign을 = 개 DynamicText & 및 utm_term = 안녕하세요 세계

나는 특정 부분을 업데이트 할 "utm_term = hello-world"아래 URL의 마지막 부분을 기반으로 한 "Hello World"라고 말하십시오.

"utm_term ="다음에 오는 내용은 자동으로 삽입해야합니다. 하이픈 및 각 단어의 첫 글자를 대문자로 .....

알고 계십니까?

Answer 1

var message = ''; 

var query = document.location.search.substring(1); // Remove leading '?' 
var params = query.split('&'); 

// Get 'utm_term' from the request parameters 
for (var i = 0; i < params.length; i++) { 
    var key = params[i].split('=')[0]; 
    if (key === 'utm_term') { 
     message = params[i].split('=')[1]; 
     break; 
    } 
} 

if (message.length > 0) { 
    // Split the message by words and capitalize the first letter of each word 
    var words = message.split('-'); 
    for (var i = 0; i < words.length; i++) { 
     words[i] = words[i].charAt(0).toUpperCase() + words[i].substring(1); 
    } 

    // Finally, put the message to HTML (say, to element with id="message") 
    document.getElementById('message').innerHTML = words.join(' '); 
} 

Answer 2

작은 문제로 문제를 해결하고 조각별로 해결하는 것이 좋습니다. 당신이 그있어 일단

How can I get query string values in JavaScript?

, 당신은해야합니다 :

당신이해야 할 첫 번째 일은 URL (예 : utm_term과 = 안녕하세요 세계)에서 쿼리 문자열 값을 얻을 수있다 당신은 당신이 원하는 형식으로 데이터를 작업 할 수 있도록 동적으로 하이픈 같은 것들을 대체 : 당신이 그 일을하면, 당신은 페이지에 내용을 삽입 할 수

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace?redirectlocale=en-US&redirectslug=JavaScript%2FReference%2FGlobal_Objects%2FString%2Freplace

. 나는 당신을 위해 그 비트를 올려 놓을 것이다.