Часто задаваемые вопросы и ответы по HTML

Вопросы от незнания CSS или JavaScript все эти ответы можно узнать, прочитав описание языка

6.1. Что такое Java, JavaScript и JScript?
JavaScript полностью отличается от Java. Java - объектно-ориентированный язык программирования, разработаннный Sun Microsystems. Ему нужны компиляторы и служебные файлы для функционирования. Программы, разработанные на JDK (Java Development Kit), могут работать

как автономные прикладные программы
как апплеты (англ. applet, "маленькое приложение") в HTML страницах
как Java-servlets - "добавки" к Javaservlet-ready серверам, которые инкапсулируются в веб-сервер и работают как бинарный создатель информации, унаследовавший необходимое от веб-сервера и добавивший что-либо свое.

JavaScript был разработан Netscape. Он "родственник" Java, только содержит меньший и более простой, немного измененный, набор команд. Структура JavaScript и его синтаксис подобен Java, но JavaScript функционален только когда включен как часть HTML страницы (на это указывает и его название "ЯваСценарий"). Вы не можете разрабатывать автономные прикладные программы на JavaScript. Он может использоваться а) в виде сценария внутри HTML в броузере, совместимом с Netscape 2.0, и б) как сценарий, исполняемый поддерживающим такие сценарии сервером.
JScript был "разработан" Microsoft. Функционально это тоже самое, что и JavaScript. Hазвания разные из-за того, что JavaScript был уже запатентован Netscape к тому времени, как Microsoft решила встроить в свой броузер поддержку JavaScript. Вторая причина в том, что JScript не полностью следует спецификации Netscape, и эти отличия дают немало радостных минут тем, кто заботится о поддержке всех клиентских агентов.
Как дьявол - обезьяна Бога, так и JScript - обезьяна JavaScript'а.

6.2. Как подавить подчеркивание ссылок в некоторых местах?

<HEAD>
  <STYLE type="text/css">
    a.noneline {text-decoration: none;}
  </STYLE>
</HEAD>

После чего применяем этот стиль:

<A HREF="ссылка" CLASS="noneline">

6.3. Как сделать неподчеркнутые ссылки везде?

<HEAD>
  <STYLE type="text/css">
    a:link    { text-decoration: none; }
    a:visited { text-decoration: none; }
    a:active  { text-decoration: none; }
    a:hover   { text-decoration: none; }
  </STYLE>
</HEAD>

6.4. Как сделать кнопку "Back"?

<A HREF="javascript:history.back()">Hазад</A>

6.5. Как определить, что юзер открыл страницу не в кадре, и перевести его в кадр?
В тексте страницы указать ссылку:

<SCRIPT LANGUAGE="javascript">
  if (self.parent.frames.length == 0)
    document.writeln("Проше пана перейти на 
    <A HREF=index.html>фреймсет</A>")
</SCRIPT>

Или бесцеремонно загрузить фреймсет:

<SCRIPT LANGUAGE="javascript">
  if (self.parent.frames.length == 0)
    self.parent.location="index.htm";
</SCRIPT>

6.6. Как на JS при событии в одном из кадров поменять заголовок всего фреймсета? Хотелось бы, чтобы при смене страниц в заголовке окна броузера кроме названия сайта отображалось еще и наименование текущего раздела.

<HEAD>
  <SCRIPT LANGUAGE="javascript">
     function newTitle()
       { top.document.title="HОВЫЙ ЗАГОЛОВОК"; }
  </SCRIPT>
</HEAD>

<BODY ONLOAD="newTitle();">

К счастью, в правильных браузерах это не работает. Следуйте более стандартным решениям и перегружайте фреймсет.

6.7. Как вставить музыку в html файл?

<SCRIPT LANGUAGE="javascript">
  var Brwsr = window.navigator.appName
  if (Brwsr == "Microsoft Internet Explorer")
       { Cmd = "<BGSOUND SRC=music.mid>" }
  else { Cmd = "<EMBED SRC=music.mid HIDDEN=true>" }
  document.write( Cmd )
</SCRIPT>

6.8. Как сделать так, чтобы при наведении мышки на текст с ссылкой он поменял цвет?

<HEAD>
  <STYLE type="text/css">
    a:hover   { color: #xxxxxx }
  </STYLE>
</HEAD>

6.9. Как изменить абзацный отстyп ?

<P STYLE="text-indent: 15pt">... Абзац ...</P>

6.10. Как определить разрешение у посетителя, и в зависимости от разрешения посылать на разные страницы?
Как понятно из нижеприведенного сценария, это полумеры. Если вы понимаете, что такое HTML, то вы понимаете, что у вашего пользователя нет никакого экрана и нет никакого разрешения.

<SCRIPT LANGUAGE="javascript">
  var height=0;
  var width=0;

  if (self.screen)       // for NN4 and IE4
    {
     width = screen.width
     height = screen.height
    }
  else if (self.java)    // for NN3 with enabled Java
    {
     var jkit = java.awt.Toolkit.getDefaultToolkit();
     var scrsize = jkit.getScreenSize();
     width = scrsize.width;
     height = scrsize.height;
    }

  if (width == 800 && height == 600)
    { location.href = "800x600.htm" }
  else if (width == 640 && height == 480)
    { location.href = "640x480.htm" }
  else
    { location.href = "unknown.htm" }
</SCRIPT>

6.11. Как вставить дату последнего обновления?

<SCRIPT LANGUAGE="JavaScript">document.writeln(document.lastModified)
</SCRIPT>

6.12. Как сделать, чтобы при наведении мышки на картинку-ссылку, картинка изменилась?

<HEAD>
  <SCRIPT LANGUAGE="javascript">
    function ChangeImg()
    {
     if(document.images)
       {
       
eval("document."+ChangeImg.arguments[0]+"
.src=('"+ChangeImg.arguments[1]+"')");
       }
     }

    function preload()
     {
      if (document.images)
        { 
         var imgsrc = preload.arguments;
         arr=new Array(imgsrc.length);
         for (var j=0; j<imgsrc.length; j++)
           { arr[j] = new Image; arr[j].src = imgsrc[j]; }
        }
     }
  </SCRIPT>
</HEAD>

<BODY onLoad="preload('over1.gif', 'over2.gif', 'overN.gif')">

    где overN.gif - картинка, которая должна показываться при наведении
    мышки. onLoad нужен для того, чтобы картинки подгружались сразу, а
    не в то время, когда навели мышку, так как на слабом канале эффекта
    сразу можно не заметить.

<A HREF="1.htm" onMouseOver="ChangeImg('image1','over1.gif')"
                onMouseOut="ChangeImg('image1','out1.gif')">
<IMG SRC="out1.gif" NAME="image1">
</A>

<A HREF="2.htm" onMouseOver="ChangeImg('image2','over2.gif')"
                onMouseOut="ChangeImg('image2','out2.gif')">
<IMG SRC="out2.gif" NAME="image2">
</A>

<A HREF="N.htm" onMouseOver="ChangeImg('imageN','overN.gif')"
                onMouseOut="ChangeImg('imageN','outN.gif')">
<IMG SRC="outN.gif" NAME="imageN">
</A>

    в <IMG> "name" нужно для того, чтобы JS знал, какой картинке
    соответствует каждая ссылка.

6.13. Есть ли в JS функция, которая бы брала сценарий из внешнего файла?

<SCRIPT LANGUAGE="JavaScript" SRC="путь_к_сценарию"></script>

Русифицированный MSIE 3.01 и, видимо, некоторые другие его родственники падают, встретив эту функцию.

6.14. Почему NN некорректно ведет себя с русской буквой "я" в сценариях?
В кодировке 1251 маленькая "я" имеет код 0xFF, поэтому вместо "я" следует писать "\я".

6.15. Как убрать рамки вокруг ссылок?
Hа это явление жалуются только пользователи MSIE. Оно и понятно. Вставьте в тег ссылки слова onFocus="this.blur()". Все те, кто привык, что курсор не пропадает с глаз долой, скажут вам много теплых и ласковых слов.

6.16. Как сделать выпадающее меню ссылок?

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
  function loadPage(list)
    {
     location.href = list.options[list.selectedIndex].value
    }
</SCRIPT>
</HEAD>

<BODY>
<FORM>
 <SELECT>
  <OPTION VALUE="http://www.aaa.com/">AAA
  <OPTION VALUE="http://www.bbb.com/">BBB
  <OPTION VALUE="http://www.ccc.com/">CCC
 </SELECT>
 <INPUT TYPE="button" VALUE="Открыть"
        ONCLICK="loadPage(this.form.elements[0])">
</FORM>
</BODY>

Назад В начало

Сайт создан в системе uCoz