Выполнять скрипт только в том случае, если существует параметр URL

Есть ли способ заставить этот скрипт выполняться только в том случае, если в URL-адресе существует параметр utm_campaign?

function fillFormArea(){
      
  const select = document.getElementById('property.cust_AreaOfInterest.value'); 
  const queryString = window.location.search;
  const urlParams = new URLSearchParams(queryString);  //parse the query string
  const country = urlParams.get('utm_campaign');  // Store the parsed area of interest

   select.value = country;  // fill the form with the area of interest
}

if (document.readyState === 'loading') {  // Loading hasn't finished yet
  document.addEventListener('DOMContentLoaded', fillFormArea)
} 
else {  // `DOMContentLoaded` has already fired
  fillFormArea();
}

if (country !== null) чтобы проверить, был ли передан параметр ... и, кстати, просто проверьте его внутри вашего fillFormArea в качестве первого условия и в любом случае прикрепите прослушиватель событий к событию DOMContentLoaded, не выполняя эту запутанную проверку document.readystate. getElementById в этой строке property.cust_AreaOfInterest.value довольно неясен

— 25.11.2022 08:46

Скрипты выполняются, когда они загружены, вы должны проверить параметр запроса на стороне сервера и не включать скрипт на страницу, если параметр отсутствует. Или проверьте параметр в функции и вернитесь, ничего не делая, если параметр не существует. Почему такое сложное обнаружение загрузки? Скрипт добавляется на страницу динамически или атрибут async присутствует в теге скрипта?

— 25.11.2022 08:47

javascript

25.11.2022 08:36

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

146

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const country = urlParams.get('utm_campaign');
if ( country === null) {
//does not exist
}else{
const select = document.getElementById('property.cust_AreaOfInterest.value');
select.value = country
}

Ваш ответ может быть улучшен с помощью дополнительной вспомогательной информации. Пожалуйста, отредактируйте , чтобы добавить дополнительные сведения, такие как цитаты или документация, чтобы другие могли подтвердить правильность вашего ответа. Вы можете найти больше информации о том, как писать хорошие ответы в справочном центре.

— 28.11.2022 20:52

25.11.2022 08:47