Рубрика: <span>JavaScript</span>

Yandex Api карты создание метки

 
<head>
    <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
</head>
<div id="map" style="width: 800px; height: 600px"></div>
 
 
    ymaps.ready(init);
function init() {
 
    var Map = new ymaps.Map("map", {
        center: [59.94, 30.31],
        zoom: 13,
        // controls: [] // удаление всех элементов управления
    });
 
 
    var metka = new ymaps.Placemark([59.947612, 30.31316430157], {
        hintContent: 'Метро Горьковская',
        iconContent: 'Метро Горьковская'
    }, {
        'preset': 'islands#orangeStretchyIcon'
        //'preset': 'islands#orangeDotIcon' // метка в виде точки и стрелки
        //'preset': 'islands#orangeCircleDotIcon' // метка в виде точки

         // свой значок
         //iconLayout: 'default#image',
        // путь к изображению
        //iconImageHref: 'https://www.matematicus.ru/wp-content/uploads/2021/08/znachok-microsoft-office-excel.png',
        // размер изображения
        //iconImageSize: [16, 16],
        // смещение
       // iconImageOffset: [0, 0],
    });
 
    Map.geoObjects.add(metka);
}

Пример здесь

Пример Yandex Api карты с метками

JavaScript

Пример использования метода javascript location href относительные и абсолютные пути ссылок 

 Текущая ссылка сайта
        window.location.href; // http://localhost/html/path.html
        
        Пример вывода абсолютного пути сайта
        window.location.href="/"; // http://localhost/
        window.location.href="/new-link"; // http://localhost/new-link
        window.location.href="/new-link/"; // http://localhost/new-link/
        window.location.href="/new-link/link"; // http://localhost/new-link/link

        Пример вывода относительного пути сайта
        window.location.href="new-link"; // http://localhost/html/new-link
        window.location.href="new-link/"; // http://localhost/html/new-link/
        window.location.href="new-link/link"; // http://localhost/html/new-link/link

Пример отображения location href во всплывающем окне

 <button onclick="openMyWindows()">Нажми, чтобы появилось всплывающее окно</button>
 function openMyWindows(){
    //let MyWindows = window.open("about:blank", "Window", "width=300,height=300,resizable=no,scrollbars=1,status=no");
    let MyWindows = window.open("/", "Window", "left=200,top=200,width=300,height=300"); // MyWindows.resizeBy(width, height); 
     
    MyWindows.document.write("Размер окна "+document.documentElement.clientWidth+"x"+document.documentElement.clientHeight+"<br>");
     
     MyWindows.document.write("<br>Всплывающее окно <br>");
     
     MyWindows.document.write(MyWindows.location.href+"<br>"); 
     MyWindows.document.write(MyWindows.location.protocol+"<br>");
     MyWindows.document.write(MyWindows.location.hostname+"<br>");
     MyWindows.document.write(MyWindows.location.host+"<br>");
     //MyWindows.document.write(MyWindows.location.port+"<br>");
     //MyWindows.document.write(MyWindows.location.pathname+"<br>");
     //MyWindows.document.write(MyWindows.location.search+"<br>");
     //MyWindows.document.write(MyWindows.location.hash+"<br>");
    let url='/id';
    let newUrl = window.open(); // window.open(url, name, params); window.open('site.ru');
    newUrl.location=url; // http://site/id
    // MyWindows.close();
 }  

При нажатие на кнопку выводится всплывающее окно, с размерами экрана, ссылкой на сайт, протокол, порт, хост, имя, путь, хэш сайта, а также открывается новая вкладка в браузере с ссылкой на сайт (document location href new tab).

кнопка нажатие

document location href new tab

 

JavaScript

Основные математические методы в JavaScript

Метод Описание
Math.abs(x) Возвращает модуль аргумента x
Math.acos(x) Возвращает арккосинус аргумента x в радианах
Math.asin(x) Возвращает арксинус аргумента x в радианах
Math.atan(x) Возвращает арктангенс аргумента x в радианах между -PI/2 и PI/2
Math.atan2(y,x) Возвращает угол в радианах между осью абсцисс и линией, соединяющей начало координат с точкой (х, у)
Math.ceil(x) Округляет число х до ближайшего большего целого
Math.cos(x) Возвращает косинус аргумента x в радианах
Math.exp(x) Возвращает экспоненту в степени x
Math.floor(x) Округляет число х до ближайшего меньшего целого
Math.log(x) Возвращает натуральный логарифм аргумента x
Math.max(x,y,z,…,n) Возвращает максимальное значение аргумента x
Math.min(x,y,z,…,n) Возвращает минимальное значение аргумента x
Math.pow(x,y) Возведение аргумента x в степень y
Math.random() Возвращает случайной число между 0 и 1
Math.round(x) Округляет число аргумента x до ближайшего целого
Math.sin(x) Возвращает синус аргумента x в радианах
Math.sqrt(x) Возвращает корень аргумента x
Math.tan(x) Возвращает тангенс аргумента x в радианах
Math.PI Возвращает значение числа PI
Math.E Возвращает значение числа E
Math.LN2 Возвращает значение натурального логарифма по снованию 2
Math.LN10 Возвращает значение натурального логарифма по снованию 10
Math.LN2E Возвращает значение натурального логарифма по снованию 2 с числом Эйлера
Math.LN10E Возвращает значение натурального логарифма по снованию 10 с числом Эйлера
Math.SQRT2 Возвращает значение корня из двух
Math.SQRT1_2 Возвращает значение корня из 1/2

Примеры выполнения математических методов Math на JavaScript

document.write(Math.abs(-2)); // 2
document.write(Math.cos(0.5)); // 0.8775825618903728
document.write(Math.asin(0.5)); // 0.5235987755982989
document.write(Math.exp(2)); // 7.38905609893065
document.write(Math.log(10)); // 2.302585092994046
document.write(Math.ceil(2.2)); // 3
document.write(Math.ceil(2.5)); // 3
document.write(Math.ceil(2.7)); // 3
document.write(Math.floor(2.2)); // 2
document.write(Math.floor(2.5)); // 2
document.write(Math.floor(2.7)); // 2
document.write(Math.round(2.2)); // 2
document.write(Math.round(2.5)); // 3
document.write(Math.round(2.7)); // 3
document.write(Math.max(4,7,8,12,77,3,1,7,)); // 77
document.write(Math.min(4,7,8,12,77,3,1,7,)); // 2
document.write(Math.pow(2,8)); // 256
document.write(Math.sqrt(121)); // 11
document.write(Math.random()); // 0.8397216550214874
document.write(Math.PI); // 3.141592653589793
document.write(Math.E); // 2.718281828459045
document.write(Math.LN2); // 0.6931471805599453
document.write(Math.LN10); // 2.302585092994046
document.write(Math.LOG2E); // 1.4426950408889634
document.write(Math.LOG10E); // 0.4342944819032518
document.write(Math.SQRT2); // 1.4142135623730951
document.write(Math.SQRT1_2); // 0.7071067811865476

Math random JavaScriptот 0 до 100


document.write(Math.round(Math.random()*100));

JavaScript random от 1 до 10


document.write((Math.round(Math.random()*9))+1);

Округление до сотых

var rounding_number = function(a){
    return +a.toFixed(4);
}
document.write(rounding_number(3.1415926535));//3.1416

JavaScript

Основные функции JavaScript для работы со строками


Определение длины строки — length

s="Строка"+".";
document.write(s.length);

output: 7


Метод concat() объединяет строки

document.write("Соед".concat("инение")); 

output: Соединение


Метод split() предназначен для создания массива за счёт разбивки строки на отдельные элементы по указанному разделителю.

str = 'точь-в-точь';
massiv = str.split('-');
massivnew = str.split('-',1); 
document.write(massiv); // точь,в,точь
document.write(massivnew); // точь

output: С


Метод replace() осуществляет поиск и замену по указанному значению, в том числе используются регулярные выражения.

str = "сок, ток, док";  
str_new = str.replace(/к/g, "ки");
document.writeln(str_new);  // соки, токи, доки

Метод match(regexp) работа с регулярными выражениями

var str = 'Поиск символов в строке';
var regexp = /[А-К]/gi;
document.writeln(str.match(regexp)); //и,к,и,в,в,в,к,е

Возвращение части слова substring(start, end)
Функция substring(start, end) не принимает отрицательные значения

s="Строка";
document.write(s.charAt(0));

Метод trim() выполняет удаление пробелов (в том числе символа конца строки, табуляции) в начале и в конце строки

document.writeln(" Привет ".trim());

output: Привет


Функция преобразования строки в верхний регистр toUpperCase()

s="строка";
document.write(s.toUpperCase());

output: СТРОКА


Функция преобразования строки в нижний регистр toLowerCase()

s="СТРОКА";
document.write(s.toLowerCase());

output: строка


Функция преобразования (конвертирования) числа в строку toString()

var a=777;
a.toString();
s="number "; 
document.write(s+a);

output: number 777


Функция преобразования строки в число Number(str_v)

var str="77";
a=Number("77");
b=800;
c=a+b;
document.write(c);

output: 877


Целочисленное преобразования строки в число, исключая все символы, находящиеся за числом parseInt(str_val)

document.write(parseInt("12 месяцев 345")); // 12
document.write(parseInt("3.14")); // 3
document.write(parseInt("b")); // NaN
document.write(parseInt("0xDB")); // 219
document.write(parseInt("m123")); // NaN

Вещественное преобразования строки в число, исключая все символы, находящиеся за числом parseFloat(str_val)

document.write(parseFloat("12 месяцев 345")); // 12
document.write(parseFloat("3.14")); // 3.14
document.write(parseFloat("n")); // NaN
document.write(parseFloat("m123")); // NaN

Определение позиции символа в строке от 0 до — str.length-1 — indexOf()
Функция indexOf() возвращает -1, если символ не найден

s="Строка";
document.write(s.indexOf('р'));

output: 2


Определение позиции символа lastIndexOf()
Функция lastIndexOf() возвращает -1, если символ не найден, первый символ 0, последний str.length-1

s="Строка";
document.write(s.lastIndexOf('р'));

output: 2


Метод charAt() возвращает номер символа по указанному индексу
Функция charAt() возвращает -1, если символ не найден, первый символ 0, последний str.length-1

s="Строка";
document.write(s.charAt(4));

output: к


Метод charCodeAt() возвращает числовое значение символа в соответствии с указанным символом в Unicode

document.write('Фара'.charCodeAt(2));

output: 1088


Метод bold() делает шрифт жирным

var str = "Привет";
document.write(str.bold());

output: Привет

JavaScript