URLSearchParams возвращает пустой изнутри iframe

Question

Мой iframe:

<iframe src="iframe.html?name=%1A%C3%A9%C2%AB%C2%A1%C2%A7O%C2%AE%C2%87nr%C3%9D" allowtransparency="allowtransparency" allowfullscreen="allowfullscreen" style="width: 100%; height: 100%; margin: 0; padding: 0; z-index: 9999; position: fixed; left: 0; top: 0; border: 0;"></iframe>

И изнутри iframe.html я делаю:

    let urlParams = new URLSearchParams(document.location.search)
    console.log(urlParams)

Однако, это всегда возвращает URLSearchParams {}__proto__: URLSearchParams

Empty.

Что я делаю не так?

Answer 1

URLSearchParams не является простым объектом, поэтому вам нужно использовать методы для получения параметров, например

console.log(urlParams.get('name'));

Все методы:

Этот интерфейс не наследует никакихметоды.

URLSearchParams.append()

Добавляет указанную пару ключ / значение в качестве нового параметра поиска.

URLSearchParams.delete()

Удаляет данный параметр поиска и связанное с ним значение из списка всех поисковых запросов.параметры.

URLSearchParams.entries()

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

URLSearchParams.forEach()

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

URLSearchParams.get()

Возвращает первое значение, связанное с данным параметром поиска.

URLSearchParams.getAll()

Возвращает все значения, связанные с заданным параметром поиска.

URLSearchParams.has()

Возвращаетлогическое значение, указывающее, существует ли такой параметр.

URLSearchParams.keys()

Возвращает итератор, позволяющий выполнять итерацию по всем ключам пар ключ / значение, содержащихся в этом объекте.

URLSearchParams.set()

Установитьs значение, связанное с данным параметром поиска, с данным значением.Если имеется несколько значений, остальные удаляются.

URLSearchParams.sort()

Сортирует все пары ключ / значение, если они есть, по их ключам.

URLSearchParams.toString()

Возвращает строку, содержащую строку запросаподходит для использования в URL.

URLSearchParams.values()

Возвращает итератор, позволяющий выполнять итерацию по всем значениям пар ключ / значение, содержащихся в этом объекте.

MDN Ссылка