Изменить в html коде функцию из стороннего скрипта

@xelen_ · Регистрация: 04.05.2018

Студворк — интернет-сервис помощи студентам

Всем привет! Для знающих вопрос покажется нереально глупым, но я всё же рискну спросить

В общем есть скрипт с одной функцией, подключенный к двум разным html. В первом он должен работать без изменений - просто написать текст, а вот со вторым html несколько сложнее.
Функцию isArraY() из скрипта нужно присвоить переменной, эту переменную потом упаковать в alert и вызвать ту функцию с помощью переменной.
Скрипт:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var arr = ["BMW", "Mercedes", "AUDI", "VW"];;
 
function isArraY() {
 
    if (document.getElementById("array").innerHTML = Array.isArray(arr)) {
        var result = "this is an array";
        document.write(result);
        return result;
    } else {
        var result = "this is not an array";
        document.write(result);
        return result;
    }
}
isArraY();

А вот html с моими жалкими попытками:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
 
<body>
    <h2>Array</h2>
    <p id="array"></p>
    
    <script src="is-Array.js"></script>
    <script>
 
    var newArr = isArraY();
    alert(newArr());
 
    </script>
 
</body>
 
</html>

Похожий пример нашла в интернете и он работал по такому принципу, а вот с моей задачей не вышло...

Буду оооооочень благодарна за помощь!!!

@pvzh · 09.12.2018, 21:53

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

Функцию isArraY() из скрипта нужно присвоить переменной

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

var newArr = isArraY();

Привет! Скобки после имени функции означают вызов этой функции. Чтобы функцию присвоить переменной, скобки как-раз не нужны:

JavaScript
1
var newArr = isArraY;

Добавлено через 14 минут
Ф-ция вроде бы должна определить массив ли в переменной и вывести что-то куда-то. Если строку по-английски в элемент с id="array", то логичнее так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function isArraY() {
    // определяем, массив ли у нас, и выводим человеко-понятно
    if (Array.isArray(arr)) {
        var result = "this is an array";
    } else {
        var result = "this is not an array";
    }
 
    // выводим в специальный элемент
    document.getElementById("array").innerHTML = result;
}

Или даже так:

JavaScript
1
2
3
4
5
function isArraY() {
    // можно всё это в одно действие, без var и if
    document.getElementById("array").innerHTML =
        Array.isArray(arr) ? "this is an array" : "this is not an array";
}

@xelen_ · 10.12.2018, 00:25 **[ТС]**

Спасибо тебе просто огроменное!!!! Последний вариант вообще отличный - ~~просто~~ компактно и со вкусом

Но к сожалению в alert() вся эта красота упаковываться не хочет...

Уже голову сломала над тем, как мне "выхлоп" в alert запихнуть, не изменяя сам скрипт... Если в самом скрипте вызвать alert(isArraY()) - то всё работает, а вот в html чёт не хочет...

@pvzh · 10.12.2018, 09:19

Чтобы в alert передать (т.е. "упаковать") строку, нужно её возвращать из функции. Что если добавить return?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
// результат и выводится в элемент, и возвращается
function isArraY() {
    var result = Array.isArray(arr) ? "this is an array" : "this is not an array";
 
    var elem = document.getElementById("array");
    if (elem) { // проверка на случай, если элемента нету
        elem.innerHTML = result;
    }
 
    return result;
}

@xelen_ · 11.12.2018, 15:37 **[ТС]**

Ох ты ж мой спаситель!!!!!

Всё великолепно работает! Я тоже по разному пробовала с return, но мой недо-код либо работал лишь с одним html, либо воообще не работал...
А можно я совсем обнаглею и еще вопрос задам?..

Как с помощью JQUERY добавить и удалить свойство объекта, например возраст?

HTML5
1
2
3
4
5
6
7
8
9
10
...
<p id="demo"></p>
 
<script>
var person = {
  firstname:"John",
  lastname:"Doe",
  eyecolor:"blue",
};
...

И вот тут я застопорилась надолго... Насколько я понимаю, в JQUERY нужен селектор, а вот как мне его в этот объект передать - не понимаю.
Стыдно за такие глупые вопросы, но нам дали аж целых 2 недели на изучение JS!

krolligator · 11.12.2018, 15:48

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

Насколько я понимаю, в JQUERY нужен селектор, а вот как мне его в этот объект передать - не понимаю.

Селектор, нужен для DOM, а person - это обычная переменная. Обращаться к ней можно как есть.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
<input type=button value="Click Me" onClick="modify_person()">
<input type=button value="Click Me 2" onClick="alert(person.new_member)">
<script>
var person = {
  firstname:"John",
  lastname:"Doe",
  eyecolor:"blue",
};
function modify_person() {
    person.new_member = "AAAA";
}
</script>

после клика на первую кнопку, при клике на вторую - вывод будет AAAA.

@xelen_ · 11.12.2018, 18:18 **[ТС]**

Ну ё-моё, так просто оказывается!
А я второй день над этой переменной бьюсь, пытаюсь селектор впихнуть и прочие ненужные телодвижения совершаю...

Спасибо огромное!!!!!!!

@amr-now · 11.12.2018, 19:44

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

добавить и удалить свойство объекта, например возраст?

Объект пишет в консоль:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <p id="demo"></p>
    <input type="button" value="Добавить возраст" id="add">
    <input type="button" value="Удалить возраст" id="del">
    <script>
        var person = {
            firstname: "John",
            lastname: "Doe",
            eyecolor: "blue",
        };
 
        document.getElementById("add").onclick = () => {
            person.age = 25;
            console.log(person);
        };
 
        document.getElementById("del").onclick = () => {
            delete person.age;
            console.log(person);
        };
    </script>
</body>
</html>

В атрибут HTML-элемента сейчас лучше не вписывать JS-код.

@xelen_ · 12.12.2018, 10:41 **[ТС]**

Спасибо большое!!!

Я объект в алерт вывела, так сказать для наглядности

И в добавок еще одну кнопку сделала - в alert все свойства объекта:

JavaScript
1
2
3
4
5
function showProperty() {
    var output = '';
    for (var property in person) {
        output += property + ': ' + person[property] + '; ' + "\n";     
    }

А можно вопрос? Почему лучше не вписывать код в атрибут HTML-элемента?.. Могут быть проблемы, или просто не красиво, или?.. Я тонкостей еще пока не знаю

@amr-now · 12.12.2018, 12:46

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

Почему лучше не вписывать код в атрибут HTML-элемента?

В <script type="module"> не будет виден код из атрибута HTML-элемента.

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@xelen_ 1 / 1 / 0 Регистрация: 04.05.2018 Сообщений: 22
	10.12.2018, 00:25 [ТС]
	Спасибо тебе просто огроменное!!!! Последний вариант вообще отличный - ~~просто~~ компактно и со вкусом Но к сожалению в alert() вся эта красота упаковываться не хочет... Уже голову сломала над тем, как мне "выхлоп" в alert запихнуть, не изменяя сам скрипт... Если в самом скрипте вызвать alert(isArraY()) - то всё работает, а вот в html чёт не хочет... 0

@xelen_ 1 / 1 / 0 Регистрация: 04.05.2018 Сообщений: 22
	11.12.2018, 18:18 [ТС]
	Ну ё-моё, так просто оказывается! А я второй день над этой переменной бьюсь, пытаюсь селектор впихнуть и прочие ненужные телодвижения совершаю... Спасибо огромное!!!!!!! 0

Изменить в html коде функцию из стороннего скрипта

Решение