среда, 25 сентября 2013 г.

JavaScript. День 2.

Взять на заметку: реализации хранить отдельно от вызова.

Пишем в элемент и меняем атрибут элемента:

<p id = "myText">Text to change</p>
        <input id = "btnToClick" type = "button" value = "Click" onclick
"changeText()"/>

А во внешнем подключаемом файлике пишем:
function changeText()
{
    document.getElementById("myText").innerHTML = "New text";

    document.getElementById("btnToClick").setAttribute("value", "Clicked");
}


Коварный document.write()

Если вызывать document.write() после загрузки страницы, например, по кнопке (см. код ниже), то она потрет всю бывшую на странице информацию и выведет то, что просят.
Вызываем по клику на кнопке фукцию, в которую пишем простое и незателивое:
document.write("Clear the page");

Длинные строки

Чтобы не растягивать код и не делать его трудночитаемым, по крайней мере в местах, где он тянется по причине вот таких конструкций:
document.getElementById("MyElement").innerHTML = "Буря мглою небо кроет, вихри снежные крутя, то как зверь она завоет, то заплачет как дитя.";
Можно использовать перенос строки:
document.getElementById("MyElement").innerHTML = "Буря мглою небо кроет, \
вихри снежные крутя, \
то как зверь она завоет, \
то заплачет как дитя.";
С переносами быть осторожнее, последним символом в строке должен быть \, а не пробел.

Многострочные комментарии

/* Это многострочный комментарий.
 *  Его можно оформлять коряво.
 *  А можно так, чтобы было легко читать.*/

Если выключен JS

Первый вариант:
<noscript>Сообщение пользователю, что у того выключен js и часть функционала (а то и весь) работать не будет.</noscript>

Второй вариант:
<style>
      #NoJS {display: none;}

</style>

И применение:
<p id = "NoJS">Сообщение пользователю, что у того выключен js и часть функционала (а то и весь) работать не будет.</p>










Комментариев нет:

Отправить комментарий