Как отобразить текст внутри элемента button с другой страницы на текущей странице?

#javascript #html

#javascript #HTML

Вопрос:

У нас есть 2 веб-страницы one.html amp; two.html . В one.html у нас есть элемент button с текстом,

 <button id="next">Next</button>

Мы хотим отобразить содержимое внутри кнопки с one.html , то есть «Следующий» в two.html внутри

 <p id="getfromone"></p>

Мы попытались использовать jQuery об этом, написанный ниже, вызываемый функцией onload с элементом in body .

 document.getElementById("getfromone").innerHTML = $('#getfromone').load("one.html #next");

Однако это отображает только [object Object]

Пожалуйста, предложите, что можно с этим сделать.

1. JSON.stringify и вы больше не получите [object][object]

2. будет ли это похоже на, $(‘#getfromone’, JSON.stringify)? Не совсем уверен, куда я должен его добавить?

3. нет, это было бы JSON.stringify($('#getfromone').load("one.html #next")) . Но я не уверен, что вы используете load() правильный способ, поэтому я не уверен в результате. Description: Load data from the server and place the returned HTML into the matched elements. вам нужны совпадающие элементы. итак, вам нужно иметь #next на второй странице

4. покажите это сейчас, {«0″:{},» длина»: 1}

5. Вместо этого document.getElementById("getfromone").innerHTML = $('#getfromone').load("one.html #next"); напишите это $('#getfromone').load("one.html #next"); , удалите присвоение innerHTML

Ответ №1:

Попробуйте это, вы можете проверить рабочий код в codepen.

 $(document).ready(function(){
      var content;
      $("#oneDiv").load("one.html button#next", function(){
        content = $(this).text();
        $("#getfromone").text(content);
      });
});

1. Инструкции, которые вы показали в codepen, я попробовал это. Похоже, что это работает в Chrome, но не в IE 11. Есть ли для этого какая-то конкретная причина, или просто IE не совместим с jQuery? Есть ли какой-либо способ запустить код в IE, поскольку мы ориентируемся только на этот браузер.

2. Вы имеете в виду, что ссылка codepen не работает в IE11. Jquery поддерживает IE 9 . Пожалуйста, проверьте в настройках IE 11, блокирует ли он jquery?

3. Решение работает нормально. Спасибо, что уделили время помощи.