Получить innerHTML из динамически добавленного тега скрипта

Question

Получить innerHTML из динамически добавленного тега скрипта

0

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

<script type="text/javascript" id="embeddedScript">
    var script = document.createElement("script");
    script.setAttribute("type", "text/javascript");
    script.setAttribute("id", "scriptData");
    script.src = "DynamicText.jsp";
    script.onload = function() {
        alert(x);
        alert(document.getElementById("scriptData"));
        alert(document.getElementById("scriptData").innerHTML);
        alert(document.getElementById("embeddedScript").innerHTML);
    };
    document.getElementsByTagName("head")[0].appendChild(script);
</script>
</body>
</html>

DynamicText.jsp

x="Hello World!"

Первое предупреждение дает Hello World!

Второе предупреждение дает [Object HTMLScriptElement]

Я ожидал, что третье предупреждение даст значение x="Hello World!" Но он отображает пустое значение.

Но для четвертого предупреждения я мог видеть весь текст, который был внутри тега скрипта с id "embeddedScript"

Причина?

Vicky 17 сен. 2013, в 20:44

Источник

Теги:

javascript

html

innerhtml

1 ответ

Ещё вопросы

Nick Rolando · Answer 1 · 2013-09-17T16-14-00.000Z

0

Тег js script, созданный scriptData, не содержит содержимого между его тегами. Это просто ссылка на ресурс js для выполнения. Это выглядело бы так:

<script type="text/javascript" id="scriptData" src="DynamicText.jsp"></script>

Nick Rolando 17 сен. 2013, в 16:14

0

Есть ли способ получить текст?
Vicky 17 сен. 2013, в 18:21
0

Вы можете открыть файловый поток и прочитать содержимое файла DynamicText.jsp , но вам нужно сделать это в программном коде на стороне сервера, а не в javascript, так как файл находится на сервере.
Nick Rolando 17 сен. 2013, в 18:22
0

Это кажется нереальным примером. Зачем вам нужно получить текст JS, а не просто выполнить его?
Nick Rolando 17 сен. 2013, в 18:26
0

Дело в том, что я могу получить простой текст из DynamicText.jsp . В этом случае я могу установить тип элемента script на text / plain. Но мне нужно получить содержимое. Я могу попробовать это с запросом ajax. Но из-за междоменных проблем я нашел это лучшим способом до сих пор.
Vicky 17 сен. 2013, в 18:30
0

Теги скрипта не будут работать, если вы не отправите действительные js по проводам. тип пантомимы не имеет значения, содержание имеет значение. если вам нужен доступ к источнику, вы должны использовать ajax + cors
dandavis 17 сен. 2013, в 18:34
0

@Vicky Да, лучше всего использовать ajax и получить содержимое файла в коде на стороне сервера, а затем вернуть его вызову ajax. Не уверен в специфике ваших междоменных проблем, но должны быть способы обойти это ..
Nick Rolando 17 сен. 2013, в 18:40
0

@dandavis ajax + cors может иногда потерпеть неудачу, если сервер не позволяет. У меня был личный опыт решения этих проблем. А также нам нужно запустить XDomainRequest для IE8,9. Опять же, это не работает при отправке запроса с http на https и наоборот.
Vicky 17 сен. 2013, в 18:44
0

@Vicky: затем выплюнуть json (p) вместо обычного текста, даже если "json" - это просто закодированная строка вместо объекта ...
dandavis 17 сен. 2013, в 18:45

Показать ещё 6 комментариев