0

是否可以根据 URL 更改网页上的内容？

例如，当有人访问时：

example.com/dyanmictextpage.html/?utm_source=google&utm_campaign=dynamictext&utm_term=hello-world

我想更新页面上的一段特定文本，然后根据“utm_term=hello-world”下 URL 的最后一部分说“Hello World”

该代码需要自动插入“utm_term =”之后的任何内容，并删除连字符并将每个单词的第一个字母大写.....

你知道如何？？

4

2 回答 2

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(' ');
}
于 2013-06-03T09:26:57.983 回答
0

你可以——一个好的开始是将你的问题分解成更小的问题，然后逐个解决。

您需要做的第一件事是从 URL 中获取查询字符串值（即 utm_term=hello-world）：

如何在 JavaScript 中获取查询字符串值？

一旦你有了这些，你需要动态替换连字符之类的东西，这样你就可以将数据处理成你想要的格式：

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

完成后，您可以将内容注入页面。我把那一点留给你看。

于 2013-06-03T09:29:02.007 回答