Форум

densmith · #1 (**permalink**) 14.11.2011, 23:14

Имеем в теге <head> следующее:

<script type='text/javascript' src='http://_путь_к_скрипту_/script1.js'></script>

Имеем функцию (JS):

function changeScript() {
   var head = document.getElementsByTagName('head')[0];
   var script = document.createElement('script');
   script.setAttribute('type', 'text/javascript');
   script.setAttribute('src', 'http://_путь_к_скрипту_/script2.js');
   head.insertBefore(script, head.firstChild);
   head.appendChild(script);
}

имеем событие, вызывающее данную функцию (допустим, кнопка с onClick)
По великой идее при нажатии на кнопку должны выполняться всякие колдоства с аяксом (к делу не относится) и сменяться скрипт. Все происходит так как нужно, т.е. в <head> появляется именно требуемое:

<script type='text/javascript' src='http://_путь_к_скрипту_/script2.js'></script>

но исполняется первый вариант. Перезагрузка страницы - исключена. Как заставить работать второй скрипт?

Почемучкин · #2 (**permalink**) 14.11.2011, 23:48

А попробуй-ка
script.outerHTML = script.outerHTML
иногда это используют для подталкивания изменений

densmith · #3 (**permalink**) 15.11.2011, 00:24

Вроде оживает. Но теперь там два скрипта сидят (первый никуда не исчез). А так как там переменные и функции с одинаковыми именами - начинается катавасия.

Может еще у тебя есть какой-нить вариант по удалению предыдущего скрипта из кода? Спасибо.

trikadin · #4 (**permalink**) 15.11.2011, 01:57

Сообщение от densmith

Может еще у тебя есть какой-нить вариант по удалению предыдущего скрипта из кода? Спасибо.

Нету такого варианта) Назови их по-разному.

densmith · #5 (**permalink**) 15.11.2011, 14:08

Внесу дополнительную ясность:

<head>
...
    <script type="text/javascript" src="http://_path_to_/engine.js"></script>
    <script type="text/javascript" src="http://_path_to_/javascript.js"></script>
    <script type="text/javascript" src="http://_path_to_/calendar.js"></script>
    <script type="text/javascript" src="http://_path_to_/calendar-ru.js"></script>
</head>

Аяксом на onClick сменяется содержимое ДИВа на страничке. Файл calendar-ru.js содержит лангпак для календаря. На тот же самый onClick должен меняться и лангпак на calendar-en.js, или calendar-de.js

Все так и происходит. Но переменные остаются из самого первого файла плюс добавляются из второго, плюс из третьего, если уж начать по языкам кликать. Единственное на данный момент, но неприемлемое решение - это location.reload(); Суть - избавиться от переменных свойственных "предыдущему" языку.

Ну как-то так. Спасибо заранее.

dmitriymar · #6 (**permalink**) 15.11.2011, 14:20

Сообщение от densmith

function changeScript() {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', 'http://_путь_к_скрипту_/script2.js');
head.insertBefore(script, head.firstChild);
head.appendChild(script);
}

ну и посмотри сам на механизм свой.
добавить ещё один файл js в дерево документа. ключевое слово добавить

Сообщение от densmith

Но переменные остаются из самого первого файла плюс добавляются из второго, плюс из третьего, если уж начать по языкам кликать.

но они то у тебя глобальные наверно?)

Сообщение от densmith

Суть - избавиться от переменных свойственных "предыдущему" языку.

при загрузке нового файла-в его теле создай функцию поиска "лишних" и их удаления.
http://javascript.ru/delete

Форум

Справочник

Discord чат

Курсы javascript