Новости
FAQ по JavaScript (java faq web)
Ключові слова: java , faq , web , ( знайти схожі документи )
From: Порохня Дмитро < [email protected] > Date: Mon, 23 Feb 2004 14:31:37 +0000 (UTC) Subject: FAQ по JavaScript Оригінал: http://javascripts.boom.ru/ (JavaScript без кордонів) 1. Q: Як мені відобразити повідомлення для відвідувача (припустимо, про помилку)? A: Це робиться так: в скрипті в потрібному місці пишете: alert ( "Тут ваше повідомлення!"); 2. Q: А чому мій скрипт не працює в Netscape? Там немає нічого складного, тільки перевірка заповнення форми та виведення повідомлень, якщо що неправильно ... A: Це поширена помилка - справа в тому, що Netscape не вміє корректро обробляти російську літеру "я", йому від цього зносить вежу. Лікується просто - перед кожною буквою "я" в скрипті треба поставити зворотну косу риску - "\" (без лапок). Це стосується букви "я" в будь-якому регістрі (як рядкова, так і прописна). 3. Q: А як мені визначити, яким браузером користується відвідувач мого сайту? A: if (navigator.appName.indexOf ( "Netscape")! = - 1) - Netscape else if (navigator.appName.indexOf ( "Explorer")! = - 1) - IE і т.д .... 4 . Q: Як зробити так, щоб при натисканні на посилання відвідувач перенаправлявся на попередню сторінку? A: <a href="javascript:history.back();"> Назад </a> 5. Q: Як перевірити наявність символу або слова в рядку? A: Це робиться так: var sourceString = "Рядок для перевірки"; if (sourceString.indexOf ( "для")! = - 1) - слово "для" є в рядку else - слова "для" немає в рядку 6. Q: Який найшвидший спосіб отримати символ з рядка? A: Якщо вам потрібен саме символ, а не подстрока, замість функції substring краще використовувати функцію charAt (index). Наприклад: var sourceStr = "test"; document.write (sourceStr.charAt (2)); - напише в документ символ "s". 7. Q: Як отримати випадкове число в заданому діапазоні (наприклад, 0-1000)? A: Це робиться так: var diapazon = 1000; - діапазон одержуваного числа document.write (Math.floor (Math.random () * diapazon)); - виводить в документ випадкове число в заданому діапазоні. 8. Q: Як направити користувача на інший сайт, якщо його адресу заздалегідь невідомий (припустимо, його вводить сам відвідувач)? A: Берете введений відвідувачем адресу і в скрипті робите привласнення властивості href: window.location.href = "зазначену адресу"; 9. Q: Як записати в документ дату його останньої зміни? A: document.write ( "Дата останньої зміни документа:" + document.lastModified); 10. Q: Як перевірити заповнення всіх текстових полів будь-якої форми, не відраховуючи їх по імені? A: Наведена функція перевіряє на заповнення текстових полів форму з ім'ям, переданим в якості параметра: function check (formname) {for (var i = 0; i <document.forms [formname] .elements.length; i ++) {if (document .forms [formname] .elements [i] .value.length <= 0) {alert ( "Будь ласка заповніть поле" + document.forms [formname] .elements [i] .name + "!"); return; }}} 11. Q: Як швидко порівняти два числа (рядки) і дізнатися більше? A: Користуйтеся об'єктом Math і його методом max: document.write (Math.max (1,2)); - запише в документ число 2. Те-ж саме і з рядками - повертається рядок, що має найбільше значення. 12. Q: А тоді як дізнатися мінімальне число з двох? A: Користуйтеся об'єктом Math і його методом min: document.write (Math.min (1,2)); - запише в документ число 1. Те-ж саме і з рядками - повертається рядок, що має найменше значення. 13. Q: Як перетворити рядок в число (в моїй формі користувач вводить числове значення в одне з текстових полів, але ж це рядок, а мені в циклі потрібно число)? A: Метод parseInt: var stringInt = "25"; parseInt (stringInt) - число, що вийшло, то є 25. 14. Q: A як витягнути заголовок документа? A: document.write ( "Тема поточного документа:" + document.title); 15. Q: Як отримати значення User Agent (що за браузер прийшов)? A: document.write ( "User Agent:" + navigator.userAgent); 16. Q: Як зробити сторінку стартовою? A: <a href="адрес" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://адрес');"> Зробити стартовою! </a> 17. Q: А як додати сторінку в "Вибране"? A: <a href="javascript:window.external.addFavorite('http://адрес','Заголовок');"> Додати в "Вибране" </a> 18. Q: Як визначити розмір екрану (в пікселах ) у відвідувача? A: screen.width - ширина екрану в пікселях; screen.height - висота екрана в пікселах. 19. Q: Як визначити тип процесора з JavaScript? A: В загальному, можна спробувати так: document.write ( "Клас вашого процесора:" + navigator.cpuClass); 20. Q: Як визначити, на якій платформі працює браузер? A: Спробуйте наступне: document.write ( "Платформа:" + navigator.platform); 21. Q: Як визначити, яка мова використовується в системі за замовчуванням? A: Можна ось так: document.write ( "Мова системи за умовчанням:" + navigator.systemLanguage); 22. Q: А як визначити поточну мову в системі? A: Можна ось так: document.write ( "Поточна мова системи:" + navigator.userLanguage); 23. Q: А чи можна визначити кількість дисків в системі з JavaScript? A: Можна, але врахуйте, що цей спосіб використовує ActiveX (правда, вона вже стоїть практично у всіх), і тому браузер може вимагати від вас дозвіл на запуск (наведена функція запише в документ інформацію про диски): function showDriveList () {var fso = new ActiveXObject ( "Scripting.FileSystemObject"); document.write ( "Кількість дисків в системі:" + fso.drives.count + "; Букви дисків:"); var coll = new Enumerator (fso.Drives); for (;! coll.atEnd (); coll.moveNext ()) {document.write (coll.item (). DriveLetter + "& nbsp;"); }} 24. Q: Як визначити, чи включені cookie? A: Це робиться так: if (navigator.cookieEnabled) document.write ( "Підтримка cookie включена!"); else document.write ( "Підтримка cookie виключена!"); 25. Q: Як визначити кількість квітів в системі? A: Ось так: document.write ( "Кількість підтримуваних кольорів:" + Math.pow (2, screen.colorDepth)); 26. Q: Як визначити режим відео (кількість біт на піксель)? A: Можна ось так: document.write ( "Біт на піксель:" + screen.colorDepth); 27. Q: А як визначити тип з'єднання (lan або ін)? A: Це складніше і працює тільки в IE. Для початку зробіть тег HTML ось таким: <HTML xmlns: IE> Потім табличка стилів: <STYLE> @media all {IE \: CLIENTCAPS {behavior: url (# default # clientCaps)}} </ STYLE> Потім в тілі документа: <IE: CLIENTCAPS ID = "oClientCaps" /> <DIV id = "oPre"> </ DIV> Після цих тегів скрипт: <SCRIPT> <! - oPre.innerText = oClientCaps.connectionType; -> </ SCRIPT> 28. Q: Як визначити, онлайн чи браузер? A: Спробуйте так: if (navigator.onLine) document.write ( "Браузер онлайн!"); else document.write ( "Браузер оффлайн!"); 29. Q: Як визначити дату створення документа? A: Це робиться так: document.write ( "Документ створено:" + document.fileCreatedDate); 30. Q: Як визначити розмір документа в кілобайтах? A: Ось так: document.write ( "Розмір документа:" + document.fileSize / 1024 + "КБ."); 31. Q: Як просто отримати випадкову рядок? A: Цей скрипт виводить uniqueID документа, який легко можна використовувати як випадкову рядок (перезавантажте сторінку кілька разів): document.write ( "Випадкова рядок:" + document.uniqueID); 32. Q: А як дізнатися, який текст знаходиться в буфері обміну? A: Можна ось так (скопіюйте який-небудь текст в буфер, потім оновіть сторінку): document.write ( "Текст в буфері:" + window.clipboardData.getData ( "Text")); 33. Q: А як почистити буфер обміну? A: Ось так: <script> window.clipboardData.clearData ( "Text"); window.clipboardData.clearData ( "URL"); window.clipboardData.clearData ( "File"); window.clipboardData.clearData ( "HTML"); window.clipboardData.clearData ( "Image"); </ Script> 34. Q: Як визначити кодування документа? A: Це робиться так: document.write ( "Кодування документа:" + document.charset); 35. Q: Чи можна викликати діалог "Впорядкувати Вибране", наприклад? A: Можна: <a href="javascript:window.external.ShowBrowserUI('LanguageDialog', null)"> Діалог вибору мови </a> <a href = "javascript: window.external.ShowBrowserUI ( 'OrganizeFavorites', null ) "> Діалог" Впорядкувати Вибране "</a> 36. Q: Як мені змінити вигляд стандартного курсора миші на інший? A: Це робиться за допомогою таблиці стилів, наприклад, ось так: <SPAN STYLE = "cursor: crosshair"> crosshair </ SPAN> <SPAN STYLE = "cursor: default"> default </ SPAN> <SPAN STYLE = "cursor : hand "> hand </ SPAN> <SPAN STYLE =" cursor: move "> move </ SPAN> <SPAN STYLE =" cursor: e-resize "> e-resize </ SPAN> <SPAN STYLE =" cursor: ne-resize "> ne-resize </ SPAN> <SPAN STYLE =" cursor: nw-resize "> nw-resize </ SPAN> <SPAN STYLE =" cursor: n-resize "> n-resize </ SPAN> <SPAN STYLE = "cursor: se-resize"> se-resize </ SPAN> <SPAN STYLE = "cursor: sw-resize"> sw-resize </ SPAN> <SPAN STYLE = "cursor: s-resize"> s-resize </ SPAN> <SPAN STYLE = "cursor: w-resize"> w-resize </ SPAN> <SPAN STYLE = "cursor: text"> text </ SPAN> <SPAN STYLE = "cursor: wait" > wait </ SPAN> <SPAN STYLE = "cursor: help"> help </ SPAN> 37. Q: Як перевірити адресу e-mail на правильність? A: Один з кращих методів - використання регулярних виразів. Наведений нижче приклад робить саме так, а якщо регулярні вирази не підтримуються - проводить перевірку іншим способом: Функція повертає true, якщо адреса правильний, і false у противному випадку: function isEmail (str) {var supported = 0; if (window.RegExp) {var tempStr = "a"; var tempReg = new RegExp (tempStr); if (tempReg.test (tempStr)) supported = 1; } If (! Supported) return (str.indexOf ( ".")> 2) && (str.indexOf ( "@")> 0); var r1 = new RegExp ( "(@. * @) | (\\. \\.) | (@ \\.) | (^ \\.)"); var r2 = new RegExp ( "^. + \\ @ (\\ [?) [a-zA-Z0-9 \\ - \\.] + \\. ([a-zA-Z] {2,3 } | [0-9] {1,3}) (\\]?) $ "); return (! r1.test (str) && r2.test (str)); } 38. Q: Як зробити, щоб в "Вибраному" замість стандартної іконки містилася моя власна? A: Помістіть нижченаведений код в розділ <HEAD> документа (ще необхідно мати на сайті саму іконку, звичайно): <LINK REL = "SHORTCUT ICON" HREF = " http: // www. мой_адрес.ru / імя_файла_іконкі.ico "> 39. Q: А чи можна зробити так, щоб при натисканні на посилання відвідувач міг зберегти сторінку на диск? A: Можна, але працює тільки в IE: <a href =" javascript: document. execCommand ( 'SaveAs'); "> Зберегти </a> 40. Q: Як я можу дізнатися розміри активного вікна (документа), а не всього екрану? A: Це цілком возожность (змініть розміри вікна кілька разів): function wh ( ) {var height, width; if (document.all) height = document.body.offsetHeight, width = document.body.offsetWidth; else if (document.layers) height = window.innerHeight, width = window.innerWidth; alert ( "Ширина вікна:" + width + "\ nВисота вікна:" + height);} 41. Q: Як дізнатися координати клацання мишею в документі? A: Це робиться ось так: function GetCoord (e) {if (navigator.appName == "Microsoft Internet Explorer") {cX = event.clientX; cY = event.clientY;} else {cX = e.pageX; cY = e.pageY;} alert ( "Координати клацання: x =" + cX + "; y =" + cY);} 42. Q: А як заблокувати висновок меню, що випадає по правій кнопці миші без ідіотського вікна-Алерта? A: Ось так, товаріщч (спробуйте натиснути правою мишой в документі): <script language = "JavaScript1.2"> <! - if (window.Event) document.captureEvents (Event.MOUSEUP); function nocontextmenu () {event.cancelBubble = true, event.returnValue = false; return false; } Function norightclick (e) {if (window.Event) {if (e.which == 2 || e.which == 3) return false; } Else if (event.button == 2 || event.button == 3) {event.cancelBubble = true, event.returnValue = false; return false; }} If (document.layers) document.captureEvents (Event.MOUSEDOWN); document.oncontextmenu = nocontextmenu; document.onmousedown = norightclick; document.onmouseup = norightclick; // -> </ script> 43. Q: А як закрити батьківське вікно з дочірнього без появи докучливого "А ви дійсно хочете закрити вікно"? A: Ось так (встановіть час спрацьовування таймера, яке вам потрібно): <SCRIPT LANGUAGE = "JavaScript"> <! - window.open ( "filename.htm", "newwindow", "width = 725, height = 125" ); setTimeout (\ 'window.close () \', 5000); // -> </ SCRIPT> 44. Q: Як автоматично підлаштувати розмір вікна під малюнок, який вона носить? A: Можна таким способом (один файл відкриває все малюнки): Файл - откривальщік малюнків: <html> <head> <SCRIPT LANGUAGE = "JavaScript"> <! - function resizer () {if (document.images) {resizeTo ( document.images [0] .width + 10, document.images [0] .height); } Else setTimeout ( 'resizer ()', 500); } // -> </ SCRIPT> </ head> <body marginwidth = 0 marginheight = 0 topmargin = 0 leftmargin = 0> <SCRIPT LANGUAGE = "JavaScript"> <! - var imgName = document.location.search. substring (document.location.search.in dexOf ( "=") + 1, document.location.search.length); imgName = imgName.replace ( "*", "."); document.write ( '<img src = "' + unescape (imgName) + '">'); resizer (); // -> </ SCRIPT> </ body> </ html> Підключається * .js-файл з функцією відкриття нового вікна: function openImg (imgName) {imgName = imgName.replace ( ".", "*"); var resW = "імя_файла_откривальщіка.htm? iname =" + escape (imgName); window.open (resW, 'newwin', 'scrollbars = no, status = no, toolbar = no, location = no, width = 50, height = 50, left = 150, top = 150'); } Приклад виклику: <a href="javascript:openImg('імя_рісунка');"> Відкрити малюнок </a> 45. Q: Як я можу розмістити вікно постійно попереду інших? A: Це возожность (не знаю, як попереду, але іконка на панелі завдань замигает точно, привертаючи увагу): <body onBlur = "self.focus ();"> Автор - Порохня Дмитро ([email protected]; JavaScript без кордонів) http://javascripts.boom.ru/
- 1.9 , Orel (?), 2:17, 10/01/2008 [ відповісти ] [ +++ ] [ · · · ]
А можна вивести Джава діалогове вікно типу Ви дійсно хочете зробити те-то і те-то?
[Yes] [No]
Варіант з використанням окремого HTML-документа і показу модального вікна небажаний.
- 2.10 , Zork (??), 22:14 04/03/2008 [ ^ ] [ ^^ ] [ ^^^ ] [ відповісти ]
> А можна вивести Джава діалогове вікно типу >
> Ви дійсно хочете зробити те-то і те-то?
>
> [Yes] [No]
>
> Варіант з використанням окремого HTML-документа і показу модального вікна небажаний.
<Style type = "text / css">
#q {width: 330px; height: 100px; border: # 0000FF outset 2px; padding: 10px;}
div p {text-align: center;}
span {cursor: pointer;}
</ Style>
<Body>
<Div id = "q">
Ви дійсно хочете зробити те-то і те-то?
<P>
<Span onclick = "alert ( 'Так');"> [Так] </ span> <span onclick = "alert (" Ні ");"> [Ні] </ span>
</ P>
</ Div>
</ Body>
- 2.11 , Joe (??), 11:59 05/03/2008 [ ^ ] [ ^^ ] [ ^^^ ] [ відповісти ]
>
> Ви дійсно хочете зробити те-то і те-то?
>
> [Yes] [No]
>
> Варіант з використанням окремого HTML-документа і показу модального вікна небажаний.
======
Вікно підтвердження. Викликається методом confirm (question). Повертає true або false, залежно від того, яку кнопку підтвердження натисне користувач. Як параметр question передається питання користувачеві.
приклад:
<Input type = "button" name = "button2" id = "button2" value = "Задати питання" onclick = "confirm ( 'Ви зрозуміли про що мова?');" />
======
ДЖЕРЕЛО: http://jsfaq.ru/content/view/24/1/
- 2.20 , Ілля (??), 9:07, 31/07/2009 [ ^ ] [ ^^ ] [ ^^^ ] [ відповісти ]
> Чи можливо здолати так чтоби не залежно від розмірів малюнка, прописавши код > На сторінці в опреділеніе місці все малюнки били однаковою висоти? якщо
> Можливо подскажіре який ....
<IMG SRC = "..." HEIGHT = "100"> - і так у всіх малюнків. Можна висоту вказувати в% -х від розмірів вікна. Ширина WEIGHT.
- 3.21 , Zork (??), 10:29, 31/07/2009 [ ^ ] [ ^^ ] [ ^^^ ] [ відповісти ]
>> Чи можливо здолати так чтоби не залежно від розмірів малюнка, прописавши код >> на сторінці в опреділеніе місці все малюнки били однаковою висоти? якщо
>> можливо подскажіре який ....
>
> <IMG SRC = "..." HEIGHT = "100"> - і так у всіх малюнків. Можна висоту вказувати в% -х від розмірів вікна. Ширина WEIGHT.
Застаріло це як світ ..
<Style type = "text / css">
img
{
height: 100px;
}
</ Style>
і буде вам щастячко
- 2.18 , Zork (??), 00:26, 05/07/2009 [ ^ ] [ ^^ ] [ ^^^ ] [ відповісти ]
> Вікно було відкрито без допомоги Javascript ???
body
script type = "text / javascript"
function win_close ()
{
alert ( "close");
window.close ();
}
/ script
a href = "#" onclick = "win_close ();" Закрити / a
/ body
Додати коментар
Спонсори:
Хостинг:
1. Q: Як мені відобразити повідомлення для відвідувача (припустимо, про помилку)?
2. Q: А чому мій скрипт не працює в Netscape?
3. Q: А як мені визначити, яким браузером користується відвідувач мого сайту?
Q: Як зробити так, щоб при натисканні на посилання відвідувач перенаправлявся на попередню сторінку?
5. Q: Як перевірити наявність символу або слова в рядку?
6. Q: Який найшвидший спосіб отримати символ з рядка?
7. Q: Як отримати випадкове число в заданому діапазоні (наприклад, 0-1000)?
8. Q: Як направити користувача на інший сайт, якщо його адресу заздалегідь невідомий (припустимо, його вводить сам відвідувач)?
9. Q: Як записати в документ дату його останньої зміни?
10. Q: Як перевірити заповнення всіх текстових полів будь-якої форми, не відраховуючи їх по імені?