it-place.net > Уроци > JavaScript
Не сте регистриран! Регистрирайте се БЕЗПЛАТНО, за да използвате услугите на сайта!

   Рубрики
Дизайн и лейаут
» Photoshop  
» Flash
Програмиране
» Java
» C / C++
» C# / .NET
» Delphi
» PHP
» Perl
» ASP
» VisualBasic
» XML
» JavaScript
» HTML / CSS
» Други
Бази за данни
» MySQL
» PostgreSQL
» Oracle
» SQLite
О-Системи
» Windows
» Linux
 
 
 
 

 Форуми
» SEO и оптимизация
» Всичко за PHP и Perl
» Всичко за C, C++ и .NET
» Всичко за Java и JSP
» Всичко за SQL и MySQL
» Всичко за XHTML и CSS
» Презентация на сайтове
 JAVASCRIPT - ПЪРВА ЧАСТ
  1. JAVASCRIPT - ПЪРВА ЧАСТ
deam0n
     
Автор  deam0n (18.02.2005 18:09)  съобщение до автора
Погледнат  9548 пъти  добави към любими
Оценка  добави коментар
Гласове  8  изпрати на приятел
Коментари  (1)  абонирай се за JavaScript
    Страница 1 / 1

 



Java Script е скриптов език, създаден от екипа на Netscape и първоначално носещ името LiveScript. След това (във версия 2 на Netscape Navigator) той е преименуван на Java Script. Microsoft също имплементира JScript ( с възможности подобни на Java Script) в своя Internet Explorer 3. За съжаление за момента има известни разлики между изпълнението на един и същ скрипт върху различни браузъри. Това може да се преодолее чрез установяване на браузъра на клиента (с помоща на Java Script) и предоставяне на страница специално разработена за неговия браузър. Друг начин е разработчика да се ограничи до функциите поддържани от повечето браузъри. Повечето разработчици, обаче правят страниците си за Internet Explorer, тъй като за момента той е доминиращия браузър (над 95% от потребителите използват Internet Explorer).
   Вграждането на Java Script може да стане по два начина : чрез връзка към външен файл, подобно на CSS, и чрез вграждане в тялото на документа с тага <SCRIPT>... <SCRIPT>. Ето пример за вграждането на Java Script код:

CODE
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
Вграждане на външен файл:
<HEAD>
<LINK HREF="script.js" TYPE="text/javascript">
</HEAD>
Вграждане в документа (заглавна секция):
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
<!-- скриване от стари браузъри
.....
// край на скриването-->
</SCRIPT>
<SCRIPT LANGUAGE='Javascript' SRC='pop00000.js'></SCRIPT>
Вграждане в тялото на документа:
<BODY>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
<!-- скриване от стари браузъри
.....
// край на скриването-->
</SCRIPT>
<BODY>

 Разликата между вграждането на кода в заглавана секция и в тялото е тази, че кода сложен в заглавната секция не се изпълнява докато не бъде извикан. Там най-често се поставят декларации на функции. Кода поставен в тялото на документа са изпълнява в реда в който е поставен. От тук може да се извикват функции, декларирани в заглавната секция. Ето пример за това


CODE
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
29
30
31
32
33
34
35
36
<HTML>
<HEAD>
<TITLE>Програмиране в Интернет - Java Script</TITLE>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
<!-- скриване от стари браузъри

function clickAlert() {
alert ("Hello world!");
return true;
}

// край на скриването-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
<!-- скриване от стари браузъри

var text="Първи скрипт.";
document.write("<H1>"+text+"</H1>");

// край на скриването-->
</SCRIPT>
<H1>Това е чист HTML.</H1>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
<!-- скриване от стари браузъри

var text="Втори скрипт.";
document.write("<H1>"+text+"</H1>");

// край на скриването-->
</SCRIPT>
<A HREF="ex1.html#" onClick="clickAlert()">Щракнете тук, за да видите резултата от скрипта в заглавната част</A>
</BODY>
</HTML>


По-късно ще бъдат обяснено,как точно действа скрипта. Първо, обаче трябва да се запознаем с основите на Java Script. Като за начало ще се запознаем със синтаксиса. В Java Script всеки ред завършва с точка и запетая. Докато не срещне точка и запетая всичко се приема за един ред. Друга особенност (за разлика от Паскал) е , че Java Script прави разлика между малки и големи букви. В този смисъл променливите с имена Name, name и NAME са три различни променливи. Коментарите в Java Script спазват конвенцията на езика C++. Едноредовия коментар започва с // , а много редовия /* ... */. Правилата за образуване на променливите са :

    * Името на променливата трябва да започва с буква от латинската азбука (a-z или A-Z) или знак за подчертаване.
    * Останалата част от името може да съдържа всяка буква, цифра или знак за подчертаване.
    * Името на променливата не може да съдържа интервали.
    * Избягвайте употребата на запазени думи като име на променлива.

   Запазените думи в Java Script са:

CODE
1
2
3
4
5
6
7
8
9
10
11
Abstract      else      if      new      static
try     boolean     extends     implements     null
super     typeof     break     false     import
package     switch     var     byte     final
in     private     syncronize     void     case
finaly     instanceof     protected     this     while
catch     float     int     public     throw
with     char     for     interface     reset
throws     do     function     long     return
transient     double     goto     native     short
true

Дефинирането на променливите в Java Script не е задължително, но се препоръчва, от гледна точка на прегледност на програмата. Това става със запазената дума var. За да се намали размера на програмата е възможно декларирането на няколко променливи едновременно :

CODE
1
2
var text = "Hello world";
var x,y,z;

 Както виждате е възможно присвояването на стойност директно при декларацията на променливата. Както във всеки език и тук променливите могат да са няколко типа :

    * Числови променливи - съдържат числа. Например timer=200.
    * Низови променливи - съдържат текстови низове. Например name="Josh".
    * Букеви променливи - могат да имат само две стойности истина (true) или лъжа (false). Например flag=true.

   Числовите променливи се представят като числа, които не са заградени в кавички. Форматите на числата, които се разпознават от Java Script са десетични (128), шестнайсетични (0х23F), осмични (023). Десетичните числа може да са предстване и в научен формат (с експонента и мантиса - 56е-10). Ето пример за числови променливи :

CODE
1
2
3
4
var x = 56; //десетично представяне
var y = 34e-5; // дес.представяне - научен формат
var z = 034; // осмично представяне
var s = 0x23F; // шестнайсетично представяне

Низовите променливи се представят като текст заграден в кавички (ако са заградени в кавички цифрите също се интерптретират като текст). Не всичко обаче се интрепретира като текст, съществуват т.нар. управляващи символи (escape charesters), които имат специално значение за интерпретатора. Те винаги започват с наклонена черта (  ) и имат следното значение :

CODE
1
2
3
4
5
6
7
8
9
Символ      Значение
\     Ляво наклонена черта
'     Апостроф
"     Кавички
b     Изтрива знака пред символа(backspace)
f     Нова страница на принтера (form feed)
n     Нов ред
r     Връщане в началото на реда (carrige return)
t     Табулатор

   Примери за низови променливи са :

CODE
1
2
3
var text = "Hello wolrd!"
var text1 = "40";
vat text2 = "" Низ в кавички. "";

  Последната променлива е пример за това как може да използваме управляващите символи, за да изпечатаме в текста кавички. Друг начин да се поставят кавички е заграждането на низа в апострофи. Ето така например :

CODE
1
var text = 'Друг "начин за кавички"';

Трябва да се има впредвид, че управляващите символи имат различно действие в зависимост от това къде са приложени. Например знака за нов ред "n" поставен в тялото на HTML документ няма да постигне желания резултат. Това е така защото HTML игнорира знаците за нов ред ( както може би си спомняте нов ред в HTML се постига с тага BR). Но този управляващ символ поставен в текстово поле например, ще пренесе всичко след него на нов ред. Ето и пример за казаното по - горе :

CODE
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<HTML>
<HEAD>
<TITLE>Програмиране в Интернет - Java Script</TITLE>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
<!-- скриване от стари браузъри

var text = "Текст с n нов ред";
document.write(text+"<BR>");
document.write("<TEXTAREA COLS=30 ROWS=4>"+text+"</TEXTAREA><BR>");
text = "Текст с t табулация";
document.write(text+"<BR>");
document.write("<TEXTAREA COLS=30 ROWS=4>"+text+"</TEXTAREA><BR>");
text = "Текст с " кавички "";
document.write(text+"<BR>");
document.write("<TEXTAREA COLS=30 ROWS=4>"+text+"</TEXTAREA><BR>");

// край на скриването-->
</SCRIPT>
</BODY>
</HTML>

Характерно при Java Script е това, че едни и същи операции имат различно действие в зависимост от това върху какъв тип променливи са приложени. Например:

CODE
1
2
3
4
5
6
7
var x = 10;
var y = 5;
var result;
result = x + y //резултата е 15
//нека сега да променим x на низова променлива
x = "10"
result = x + y //резултата е 105

  Както виждате трябва да внимавате със свободата, която ни дава Java Script. Хубавото в случая е, че има вградена функция, която връща като резултат низ с типа на променливата - typeof().



   


Ключови думи: javascript netscape jscript програмиране code код script външен файл


Още уроци от тази рубрика


 
  • Подобни теми от myLinks
Myspace осъди спамери за $234 млн. Myspace осъди спамери за $234 млн.
Един размазващ Tablet PC -> Modbook Един размазващ Tablet PC -> Modbook
Мозъчно-компютърна телекинеза Мозъчно-компютърна телекинеза
GaN vs. ICN – битката за domain! Благодарим на храбрите войни! GaN vs. ICN – битката за domain! Благодарим на храбрите войни!
Нов сайт дава прогноза за времето в 1000 града Нов сайт дава прогноза за времето в 1000 града
Плащаме битовите сметки със SMS Плащаме битовите сметки със SMS
Facebook готви нов дизайн Facebook готви нов дизайн
Как рекламират в YouTube Как рекламират в YouTube
Нова HD видео камера от Samsung Нова HD видео камера от Samsung
 
 1 посетител чете този урок (0 потребители и 1 гост)  
Активни потребители: ---
   
  

Еmail  
 

Доста полезна иформация....Мерси =]

  goth_victim на 30.05.2008 18:47

 

 
  • Интересно от Софтуер
xpy 0.10.9 xpy 0.10.9
Vispa 0.2.9 Vispa 0.2.9
Slackware Linux 12.2 Release Candidate 1 Slackware Linux 12.2 Release Candidate 1
Python 3.0 Final Python 3.0 Final
Python 2.6.1 Final Python 2.6.1 Final
FlashFXP 3.8 Beta (3.7.7 build 1313) FlashFXP 3.8 Beta (3.7.7 build 1313)
1Click DVD Copy 5.5.6.0 1Click DVD Copy 5.5.6.0
VLC Media Player 0.9.8 VLC Media Player 0.9.8
VLC Media Player 0.9.8a VLC Media Player 0.9.8a
 


Материали Услуги Ресурси Форум Информация
Уроци Работна борса Аватари PHP форум Права и задължения
Скриптове myLinks RSS Feed C++ форум Връзка с нас
Новини Форум Toolbar SEO форум За реклама
Термини Уебмастър Туулс WiFi Точки Java форум Регистрация



IT-PLACE.NET © 2004 - 2008