0

Доброго времени суток! Возникла такая задачка, сделать поиск фрагмента кода в Html-странице по самому себе. То есть допустим где-то в коде будет конструкция такая <!-- JavaScriptText: Привет, пользователь! --> И надо по нажатию кнопки к примеру, вызвать Alert в котором будет указан текст найденный между конструкцией комментариев, тоесть: "Привет, пользователь!". Тоесть html-странице надо проанализировать свое содержимое и найти конструкцию для вывода в алерт. Это сложно сделать, с учетом того что нет привязки к конкретному имени файла-html?

1
  • Комментарии тоже являются частью HTML-документа. По идее попробуйте поискать тег !-- или -- 6 янв 2014 в 9:14

3 ответа 3

3

Документация по типам DOM элементов
Пример на jsFiddle

html

<button id="magician">Сим-салабим-ахалай-махалай</button>
<!-- JavaScriptText: Привет, пользователь! -->
<!-- Я просто комментарий -->

javascript

var button = document.getElementById('magician'), //Кнопка
    nodes = document.body.childNodes; //Все элементы внутри тэга body

button.onclick = function () {    
    var i = 0,
        nodes_total = nodes.length;

    //Перебираем все элементы
    for (i = 0; i<nodes_total; ++i) {    
        //Если комментарий
        if (nodes[i].nodeType === 8) {
            var mark = nodes[i].nodeValue.trim().substr(0, 16), //Метка
                text = nodes[i].nodeValue.trim().substr(16); //Текст без метки
            //Если метка в комментарии найдена
            if (mark === 'JavaScriptText: ') {                    
                alert(text);
            }
        }        
    }
};

Вывод:

Привет, пользователь!
3
  • Неплохой пример! Но тут JQuery используется... Это легко. Мне без него надо обойтись, только на чистом JavaScript'е.
    – IntegralAL
    6 янв 2014 в 11:18
  • @IntegralAL, обновил ответ, теперь решение написано на чистом javascript.
    – VenZell
    6 янв 2014 в 12:57
  • Спасибо, кратко и функционально!
    – IntegralAL
    7 янв 2014 в 9:13
3

На чистом JavaScript с использованием регулярных выражений: source

HTML

<body>
    <!-- JavaScriptText: First  -->
    <!-- JavaScriptText: Second  -->
    <div id="comments"></div>
    <!-- JavaScriptText: Third  -->
</body>

JavaŠcript

var markup = document.documentElement.innerHTML
var regexp = /<!--\sJavaScriptText:([\s\S]*?)-->/gim
var match = regexp.exec(markup)
var comments = ''

while (match != null) {
    comments += match[1].trim() + '<br/>'
    match = regexp.exec(markup)
}

document.getElementById('comments').innerHTML = comments

Результат

First
Second
Third
6
  • 1
    Но зачем использовать регулярные выражения для поиска комментариев, когда для комментариев есть отдельный nodeType? Как говорится: Если у вас была одна проблема, и вы решили использовать регулярные выражения, то теперь у вас есть две проблемы
    – VenZell
    6 янв 2014 в 13:02
  • 1
    Как Я понимаю, решение требует выбирать не все комменты, а только с определенной конструкцией, например с приставкой "JavaScriptText:". Можно перебирать все ноды, а можно пройтись регуляркой. Кому как проще. Регулярные выражения - такой же функциональный элемент, как и многие другие. Не вижу особых проблем в их использовании при необходимости.
    – eterey
    6 янв 2014 в 13:05
  • 2
    @uzumaxy, все любят regexp, но не все любят забивать гвозди орбитальным телескопом. Конкретика простая - парсер на regexp (особенно не-PCRE, как в js) если и не невозможен, то уж точно очень и очень сложен. например, в вашем коде: //.. // получаем строки вида <!-- JavaScriptText: var regexp = /<!--\sJavaScriptText:([\s\S]*?)-->/gim //... к тому-же документ может быть реально большим.
    – zb'
    6 янв 2014 в 14:25
  • 1
    Вот Вам конкретный пример: найти комментарии с заданной конструкцией. Разве приведенное в ответе регулярное выражение выглядит страшным или хоть немного похоже на телескоп? Более того, этот способ решения задачи есть более универсальным. Если изменить шаблон комментов для поиска с "JavaScriptText: Привет, пользователь!" на "JavaScriptText BEGIN: Привет, пользователь! END", то скрипт с регулярками потребует только изменения переменной "regexp", в то время как вариант с перебором НОДов необходимо будет переделывать более значительно.
    – eterey
    6 янв 2014 в 14:40
  • 2
    я же привел контр-пример, когда код просто ошибется, естественно можно и это учесть и ещё тысячу контрпримеров, поэтому и говорят - не надо тут регексп на весь документ.
    – zb'
    6 янв 2014 в 15:05
2

Но зачем, в этом нет смысла. Нужные вам данные вы можете разместить на странице в виде JS/JSON вставок, например так, или так.

3
  • Ну это не годится. Тут просто фактически на вывод подаем значение переменной или элемента массива. А надо открыть саму себя html-страницу прочитать от начала до конца и найти в тексте совпадения с маской поиска, после которого идет само сообщение. В данном случае после JavaScriptText: идет само сообщение. Их может быть несколько на странице и с разными сообщениями.
    – IntegralAL
    6 янв 2014 в 11:22
  • 2
    И что? Зачем эту информацию хранить в dom-коментах? Они не для этого. Вы точно также можете пройтись по массиву значений и по определенной маске найти нужный текст. Если это ради фана или практики, то [делается подобное просто][1]. Но в качестве решения задачи, никуда не годится. [1]: jsfiddle.net/2yV53/2
    – RubaXa
    6 янв 2014 в 11:36
  • Это так сказали просто, хотя это согласен нецелесообразно. Спасибо за ответ!
    – IntegralAL
    7 янв 2014 в 8:48

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.