Введение в javascript

Сценарии во внешних файлах

Тег <script> поддерживает атрибут src, который определяет URL-адрес файла, содержащего JavaScript-код. Используется он следующим образом:

Файл JavaScript-кода обычно имеет расширение .js и содержит JavaScript-код в «чистом виде» без тегов <script> или любого другого HTML-кода.

Тег

Обратите внимание, что закрывающий тег обязателен, даже когда указан атрибут src и между тегами отсутствует JavaScript-код. В разметке XHTML в подобных случаях можно использовать единственный тег

При использовании атрибута src любое содержимое между открывающим и закрывающим тегами <script> игнорируется. При желании в качестве содержимого в тег <script> можно вставлять описание включаемого программного кода или информацию об авторском праве. Однако следует заметить, что инструменты проверки соответствия разметки требованиям стандарта HTML5 будут выдавать предупреждения, если между тегами <script src=»»> и </script> будет находиться какой-либо текст, не являющийся пробельными символами или комментариями на языке JavaScript.

Использование тега с атрибутом src дает ряд преимуществ:

• HTML-файлы становятся проще, т.к. из них можно убрать большие блоки JavaScript-кода, что помогает отделить содержимое от поведения.

• JavaScript-функцию или другой JavaScript-код, используемый несколькими HTML-файлами, можно держать в одном файле и считывать при необходимости. Это уменьшает объем занимаемой дисковой памяти и намного облегчает поддержку программного кода, т.к. отпадает необходимость править каждый HTML-файл при изменении кода.

• Если сценарий на языке JavaScript используется сразу несколькими страницами, он будет загружаться браузером только один раз, при первом его использовании — последующие страницы будут извлекать его из кэша браузера.

• Атрибут src принимает в качестве значения произвольный URL-адрес, поэтому JavaScript-программа или веб-страница с одного веб-сервера может воспользоваться кодом (например, из библиотеки подпрограмм), предоставляемым другими веб-серверами. Многие рекламодатели в Интернете используют этот факт.

• Возможность загружать сценарии с других сайтов еще больше увеличивает выгоды, получаемые от кэширования: компания Google продвигает использование стандартных, хорошо известных URL-адресов для часто используемых клиентских библиотек, что позволяет браузерам хранить в кэше единственную копию, совместно используемую многими сайтами в Веб. Привязка сценариев JavaScript к серверам компании Google может существенно уменьшить время запуска веб-страниц, поскольку библиотека наверняка уже будет храниться в кэше браузера пользователя, но при этом вы должны доверять стороннему программному коду, который может оказаться критически важным для вашего сайта. За дополнительной информацией обращайтесь по адресу: code.google.com/apis/ajaxlibs/.

Возможность загрузки сценариев со сторонних серверов, отличных от тех, где находятся документы, использующие эти сценарии, влечет за собой важное следствие, имеющее отношение к обеспечению безопасности. Политика общего происхождения предотвращает возможность взаимодействия сценария на JavaScript в документе из одного домена с содержимым из другого домена

Однако следует отметить, что источник получения самого сценария не имеет значения, значение имеет источник получения документа, в который встраивается сценарий.

Таким образом, политика общего происхождения в данном случае неприменима: JavaScript-код может взаимодействовать с документами, в которые он встраивается, даже если этот код получен из другого источника, нежели сам документ. Включая сценарий в свою веб-страницу с помощью атрибута src, вы предоставляете автору сценария (или веб-мастеру домена, откуда загружается сценарий) полный контроль над своей веб-страницей.

JS Уроки

JS HOMEJS IntroductionJS Where ToJS OutputJS StatementsJS SyntaxJS CommentsJS VariablesJS OperatorsJS ArithmeticJS AssignmentJS Data TypesJS FunctionsJS ObjectsJS ScopeJS EventsJS StringsJS String MethodsJS NumbersJS Number MethodsJS ArraysJS Array MethodsJS Array SortJS Array IterationJS DatesJS Date FormatsJS Date Get MethodsJS Date Set MethodsJS MathJS RandomJS BooleansJS ComparisonsJS ConditionsJS SwitchJS Loop ForJS Loop WhileJS BreakJS Type ConversionJS BitwiseJS RegExpJS ErrorsJS DebuggingJS HoistingJS Strict ModeJS this KeywordJS Style GuideJS Best PracticesJS MistakesJS PerformanceJS Reserved WordsJS VersionsJS Version ES5JS Version ES6JS JSON

JS Уроки

JS HOMEJS IntroductionJS Where ToJS OutputJS StatementsJS SyntaxJS CommentsJS VariablesJS OperatorsJS ArithmeticJS AssignmentJS Data TypesJS FunctionsJS ObjectsJS ScopeJS EventsJS StringsJS String MethodsJS NumbersJS Number MethodsJS ArraysJS Array MethodsJS Array SortJS Array IterationJS DatesJS Date FormatsJS Date Get MethodsJS Date Set MethodsJS MathJS RandomJS BooleansJS ComparisonsJS ConditionsJS SwitchJS Loop ForJS Loop WhileJS BreakJS Type ConversionJS BitwiseJS RegExpJS ErrorsJS DebuggingJS HoistingJS Strict ModeJS this KeywordJS Style GuideJS Best PracticesJS MistakesJS PerformanceJS Reserved WordsJS VersionsJS Version ES5JS Version ES6JS JSON

Примеры в каждой главе

С помощью редактора «Попробуйте сами» вы можете изменить все примеры и просмотреть результаты.

Пример

Мой первый JavaScript

Щелкните на меня, чтобы отобразить дату и время

Мы рекомендуем прочитать этот учебник в последовательности, указанной в левом меню.

Узнать по примерам

Примеры лучше, чем 1000 слов. Примеры часто легче понять, чем текстовые пояснения.

Этот учебник дополняет все объяснения с уточнением «Попробуйте сами» примеры.

Если вы попробуете все примеры, вы узнаете много о JavaScript, в очень короткое время!

Зачем изучать JavaScript?

JavaScript является одним из 3 языков все веб-разработчики должны узнать:

   1. HTML Определение содержимого веб-страниц

   2. CSS Указание макета веб-страниц

   3. JavaScript Программирование поведения веб-страниц

Веб-страницы не являются единственным местом, где используется JavaScript.
Многие настольные и серверные программы используют JavaScript. Node. js является наиболее известным.
Некоторые базы данных, такие как MongoDB и CouchDB, также используют JavaScript в качестве языка программирования.

Ты знала?

JavaScript и Java-это совершенно разные языки, как в концепции, так и в дизайне.

JavaScript был изобретен Брендан Айх в 1995, и стал стандартом ECMA в 1997.ECMA-262 является официальным названием стандарта. ECMAScript является официальным названием языка.

Вы можете прочитать больше о различных версиях JavaScript в версии главы JS.

Скорость обучения

В этом учебнике, скорость обучения является вашим выбором.

Все до вас.

Если вы боретесь, сделать перерыв, или перечитать материал.

Всегда убедитесь, что вы понимаете все «попробовать сами» примеры.

JS Уроки

JS HOMEJS IntroductionJS Where ToJS OutputJS StatementsJS SyntaxJS CommentsJS VariablesJS OperatorsJS ArithmeticJS AssignmentJS Data TypesJS FunctionsJS ObjectsJS ScopeJS EventsJS StringsJS String MethodsJS NumbersJS Number MethodsJS ArraysJS Array MethodsJS Array SortJS Array IterationJS DatesJS Date FormatsJS Date Get MethodsJS Date Set MethodsJS MathJS RandomJS BooleansJS ComparisonsJS ConditionsJS SwitchJS Loop ForJS Loop WhileJS BreakJS Type ConversionJS BitwiseJS RegExpJS ErrorsJS DebuggingJS HoistingJS Strict ModeJS this KeywordJS Style GuideJS Best PracticesJS MistakesJS PerformanceJS Reserved WordsJS VersionsJS Version ES5JS Version ES6JS JSON

Причина 2. Отсутствие деградации

Ссылка через не будет работать у пользователей без javascript.

Если это возможно, лучше сделать такой вариант:

<a href="/openComment.php?id=123" onclick="openComment(123); return false">
  открыть комментарий
</a>

Поисковики тоже проиндексируют /openCommend.php?id=123.

Если ничего подобного такой страничке сделать нельзя, например, ссылка должна запускать AJAX-запрос, то не надо писать:

<!-- плохо -->
<a href="#" onclick="ajax();return false">
  запусти меня
</a>

При нажатии на такую ссылку с отключенным javascript, человека кинет на начало страницы. Не есть гуд. Но какой-то должен быть. Поэтому лучше сделать так:

<!-- хорошо -->
<a href="/nojs.html" target="_blank" onclick="ajax();return false">
  запусти меня
</a>

Страница /nojs.html может, например, содержать просьбу включить javascript.

Finding HTML Objects

The first HTML DOM Level 1 (1998), defined 11 HTML objects, object collections, and properties. These are still valid in HTML5.

Later, in HTML DOM Level 3, more objects, collections, and properties were added.

Property	Description	DOM
document.anchors	Returns all <a> elements that have a name attribute	1
document.applets	Returns all <applet> elements (Deprecated in HTML5)	1
document.baseURI	Returns the absolute base URI of the document	3
document.body	Returns the <body> element	1
document.cookie	Returns the document’s cookie	1
document.doctype	Returns the document’s doctype	3
document.documentElement	Returns the <html> element	3
document.documentMode	Returns the mode used by the browser	3
document.documentURI	Returns the URI of the document	3
document.domain	Returns the domain name of the document server	1
document.domConfig	Obsolete. Returns the DOM configuration	3
document.embeds	Returns all <embed> elements	3
document.forms	Returns all <form> elements	1
document.head	Returns the <head> element	3
document.images	Returns all <img> elements	1
document.implementation	Returns the DOM implementation	3
document.inputEncoding	Returns the document’s encoding (character set)	3
document.lastModified	Returns the date and time the document was updated	3
document.links	Returns all <area> and <a> elements that have a href attribute	1
document.readyState	Returns the (loading) status of the document	3
document.referrer	Returns the URI of the referrer (the linking document)	1
document.scripts	Returns all <script> elements	3
document.strictErrorChecking	Returns if error checking is enforced	3
document.title	Returns the <title> element	1
document.URL	Returns the complete URL of the document	1

JavaScript в URL

Еще один способ выполнения JavaScript-кода на стороне клиента — включение этого кода в URL-адресе вслед за спецификатором псевдопротокола javascript:. Этот специальный тип протокола обозначает, что тело URL-адреса представляет собою произвольный JavaScript-код, который должен быть выполнен интерпретатором JavaScript. Он интерпретируется как единственная строка, и потому инструкции в ней должны быть отделены друг от друга точками с запятой, а для комментариев следует использовать комбинации символов /* */, а не //.

«Ресурсом», который определяется URL-адресом javascript:, является значение, возвращаемое этим программным кодом, преобразованное в строку. Если программный код возвращает значение undefined, считается, что ресурс не имеет содержимого.

URL вида javascript: можно использовать везде, где допускается указывать обычные URL: в атрибуте href тега <a>, в атрибуте action тега <form> и даже как аргумент метода, такого как window.open(). Например, адрес URL с программным кодом на языке JavaScript в гиперссылке может иметь такой вид:

Другие браузеры (такие как Chrome и Safari) не позволяют URL-адресам, как в примере выше, затирать содержимое документа — они просто игнорируют возвращаемое значение. Однако они поддерживают URL-адреса вида:

Когда загружается такой URL-адрес, браузер выполняет JavaScript-код, но, т.к. он не имеет возвращаемого значения (метод alert() возвращает значение undefined), такие браузеры, как Firefox, не затирают текущий отображаемый документ. (В данном случае URL-адрес javascript: служит той же цели, что и обработчик события onclick. Ссылку выше лучше было бы выразить как обработчик события onclick элемента <button> — элемент <a> в целом должен использоваться только для гиперссылок, которые загружают новые документы.)

Если необходимо гарантировать, что URL-адрес javascript: не затрет документ, можно с помощью оператора void обеспечить принудительный возврат значения undefined:

Без оператора void в этом URL-адресе значение, возвращаемое методом Window.open(), было бы преобразовано в строку и (в некоторых браузерах) текущий документ был бы затерт новым документом.

Подобно HTML-атрибутам обработчиков событий, URL-адреса javascript: являются пережитком раннего периода развития Веб и не должны использоваться в современных HTML-страницах. URL-адреса javascript: могут сослужить полезную службу, если использовать их вне контекста HTML-документов. Если потребуется проверить работу небольшого фрагмента JavaScript-кода, можно ввести URL-адрес javascript: непосредственно в адресную строку браузера. Другое узаконенное применение URL-адресов javascript: — создание закладок в браузерах.

Using JSON.stringify()

Any JavaScript object can be stringified (converted to a string) with the JavaScript function
:

var person = {name:»John», age:30, city:»New York»};
var myString = JSON.stringify(person);

is now a JavaScript string, ready to be displayed:

Example

var person = {name:»John», age:30, city: «New York»};
var myString = JSON.stringify(person);
document.getElementById(«demo»).innerHTML = myString;

The result will be a string following the JSON notation:

{«name»:»John»,»age»:50,»city»:»New York»}

is included in JavaScript and supported in all major browsers.

Yes	8.0	3.5	4.0	10.5

JavaScript Maths

Math.PI returns the value of PI

Math.round(x) returns the rounded value of x

Math.pow(x, y) returns the value of x to the power of y

Math.sqrt(x) returns the square root of x

Math.abs(x) returns the absolute (positive) value of x

Math.ceil(x) returns the value of x rounded up

Math.floor(x) returns the value of x rounded down

Math.sin(x) returns the sin of the angle x (given in radians)

Math.cos(x) returns the cosin of the angle x (given in radians)

Math.max() return the number with the highest value from a list of arguments

Math.min() to return the number with the lowest value from a list of arguments

Converting Celsius to Fahrenheit

Changing HTML Content

The easiest way to modify the content of an HTML element is by using the property.

To change the content of an HTML element, use this syntax:

document.getElementById(id).innerHTML = new HTML

This example changes the content of a element:

Example

<html>
<body>
<p id=»p1″>Hello World!</p>
<script>
document.getElementById(«p1»).innerHTML = «New text!»;
</script>
</body>
</html>

Example explained:

• The HTML document above contains a element with
• We use the HTML DOM to get the element with
• A JavaScript changes the content () of that element to «New
  text!»

This example changes the content of an element:

Example

<!DOCTYPE html><html>
<body>
<h1 id=»id01″>Old Heading</h1>
<script>
var element = document.getElementById(«id01»);element.innerHTML = «New Heading»;
</script>
</body>
</html>

Example explained:

• The HTML document above contains an element with
• We use the HTML DOM to get the element with
• A JavaScript changes the content () of that element to «New
  Heading»

Поиск объектов HTML

Первый уровень HTML DOM 1 (1998), определенные 11 объектов HTML, коллекции объектов и свойства. Они по-прежнему действительны в HTML5.

Позже, в HTML DOM Level 3, добавлено больше объектов, коллекций и свойств.

Свойство	Описание	Dom
document.anchors	Возвращает все элементы <a>, имеющие атрибут Name	1
document.applets	Возвращает все элементы <апплета> (устаревшие в HTML5)	1
document.baseURI	Возвращает абсолютный базовый универсальный код ресурса (URI) документа	3
document.body	Возвращает элемент <BODY>	1
document.cookie	Возвращает файл cookie документа	1
document.doctype	Возвращает документ документа	3
document.documentElement	Возвращает элемент <HTML>	3
document.documentMode	Возвращает режим, используемый обозревателем	3
document.documentURI	Возвращает универсальный код ресурса (URI) документа	3
document.domain	Возвращает имя домена сервера документов	1
document.domConfig	Устарели. Возвращает конфигурацию DOM	3
document.embeds	Возвращает все элементы <embed>	3
document.forms	Возвращает все элементы <form>	1
document.head	Возвращает элемент <head>	3
document.images	Возвращает все элементы <img>	1
document.implementation	Возвращает реализацию модели DOM	3
document.inputEncoding	Возвращает кодировку документа (набор символов)	3
document.lastModified	Возвращает дату и время обновления документа	3
document.links	Возвращает все элементы <Area> и <a>, имеющие атрибут href	1
document.readyState	Возвращает состояние (Загрузка) документа	3
document.referrer	Возвращает универсальный код ресурса (URI) ссылающегося (связывающего документа)	1
document.scripts	Возвращает все элементы <script>	3
document.strictErrorChecking	Возвращает при принудительной проверке ошибок	3
document.title	Возвращает элемент <Title>	1
document.URL	Возвращает полный URL-адрес документа	1

❮ Назад
Дальше ❯

как удалить атрибуты сценариев js или теги css — text/javascript и text/css

Чтоб новичкам было понятно о чём идёт речь, посвятим немного времени теории ошибок:

Если открыть любую страницу сайта и заинтересованно посмотреть исходный код то запросто увидим такую картину, если отыщем строки подключения библиотек jquery — ссылку на статью, описывающую правильное подключение библио отыщете чуть ниже.

…теперь, неплохо бы проверить эту же страницу на валидаторе. А?

ссылка validator.w3

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

Естественным логичным образом возникает вопрос, как всё этакое дело поправить? Как избавиться от сообщений валидатора, а, соответственно, от ошибок присутствия лишних атрибутов или в коде!?

Вот как раз из статьи и узнаем:

JavaScript Numbers

Numbers can be written with or without decimals
Extra large or extra small numbers can be written with exponent notation
Number are considered accurate only up to 15 digits
Floating point arithmetic is not always 100% accurate
But it helps to multiply and divide by 10
Adding two numbers results in a new number
Adding two numeric strings results in a concatenated string
Adding a number and a numeric string also results in a concatenated string
Adding a numeric string and a number also results in a concatenated string
Common mistake when adding strings and numbers 1
Common mistake when adding strings and numbers 2
JavaScript will try to convert strings to numbers when dividing
JavaScript will try to convert strings to numbers when multiplying
JavaScript will try to convert strings to numbers when subtracting
JavaScript will NOT convert strings to numbers when adding
A number divided by a string is NaN (Not a Number)
A number divided by a numeric string is a number
The global JavaScript function isNaN() returns if a value is a number
Using NaN in a mathematical operation will always return NaN
Using NaN in a mathematical string operation will concatenate NaN
NaN (Not a Number) is a number (Yes! typeof NaN returns number)
Infinity is returned if you calculate a number outside the largest possible number
Division by zero also generates Infinity
Infinity is a number (typeof Infinity returns number)
Constants, preceded by 0x, are interpreted as hexadecimal
The toString() method can output numbers as hex, octal, and binary
Numbers can be objects
Numbers and objects cannot be safely compared
Objects and objects cannot be safely compared

Обработчики событий в HTML

JavaScript-код, расположенный в теге <script>, исполняется один раз, когда содержащий его HTML-файл считывается в веб-браузер. Для обеспечения интерактивности программы на языке JavaScript должны определять обработчики событий — JavaScript-функции, которые регистрируются в веб-браузере и автоматически вызываются веб-браузером в ответ на определенные события (такие как ввод данных пользователем).

JavaScript-код может регистрировать обработчики событий, присваивая функции свойствам объектов Element (таким как onclick или onmouseover), представляющих HTML-элементы в документе.

Свойства обработчиков событий, такие как onclick, отражают HTML-атрибуты с теми же именами, что позволяет определять обработчики событий, помещая JavaScript-код в HTML-атрибуты. Например:

Обратите внимание на атрибут onClick. JavaScript-код, являющийся значением этого атрибута, будет выполняться всякий раз, когда пользователь будет щелкать на кнопке

Атрибуты обработчиков событий, включенных в разметку HTML, могут содержать одну или несколько JavaScript-инструкций, отделяемых друг от друга точками с запятой. Эти инструкции будут преобразованы интерпретатором в тело функции, которая в свою очередь станет значением соответствующего свойства обработчика события.

Однако обычно в HTML-атрибуты обработчиков событий включаются простые инструкции присваивания или простые вызовы функций, объявленных где-то в другом месте. Это позволяет держать большую часть JavaScript-кода внутри сценариев и ограничивает степень взаимопроникновения JavaScript и HTML-кода. На практике многие веб-разработчики считают плохим стилем использование HTML-атрибутов обработчиков событий и предпочитают отделять содержимое от поведения.

JavaScript Strings

A string (or a text string) is a series of characters like «John Doe».

Strings are written with quotes. You can use single or double quotes:

Example

var
carName1 = «Volvo XC60»;   // Using double quotes
var
carName2 = ‘Volvo XC60’;   // Using single quotes

You can use quotes inside a string, as long as they don’t match the quotes
surrounding the string:

Example

var answer1 = «It’s alright»;            
// Single quote inside double quotes
var answer2 = «He is called ‘Johnny'»;   
// Single quotes inside double quotes
var answer3 = ‘He is called «Johnny»‘;   
// Double quotes inside single quotes

You will learn more about strings later in this
tutorial.

JS Tutorial

JS HOMEJS IntroductionJS Where ToJS OutputJS StatementsJS SyntaxJS CommentsJS VariablesJS OperatorsJS ArithmeticJS AssignmentJS Data TypesJS FunctionsJS ObjectsJS EventsJS StringsJS String MethodsJS NumbersJS Number MethodsJS ArraysJS Array MethodsJS Array SortJS Array IterationJS DatesJS Date FormatsJS Date Get MethodsJS Date Set MethodsJS MathJS RandomJS BooleansJS ComparisonsJS ConditionsJS SwitchJS Loop ForJS Loop WhileJS BreakJS Type ConversionJS BitwiseJS RegExpJS ErrorsJS ScopeJS HoistingJS Strict ModeJS this KeywordJS LetJS ConstJS Arrow FunctionJS DebuggingJS Style GuideJS Best PracticesJS MistakesJS PerformanceJS Reserved WordsJS VersionsJS Version ES5JS Version ES6JS JSON

The Concept of Data Types

In programming, data types is an important concept.

To be able to operate on variables, it is important to know something about
the type.

Without data types, a computer cannot safely solve this:

var x = 16 + «Volvo»;

Does it make any sense to add «Volvo» to sixteen? Will it produce an
error or will it produce a result?

JavaScript will treat the example above as:

var x =
«16» + «Volvo»;

When adding a number and a string, JavaScript will treat the number as a
string.

Example

var x = 16 + «Volvo»;

Example

var x = «Volvo» + 16;

JavaScript evaluates expressions from left to right. Different sequences can
produce different results:

JavaScript:

var x = 16 + 4 + «Volvo»;

Result:

JavaScript:

var x = «Volvo» + 16 + 4;

Result:

In the first example, JavaScript treats 16 and 4 as numbers, until it reaches «Volvo».

In the second example, since the first operand is a string, all operands are
treated as strings.

Examples in Each Chapter

With our «Try it Yourself» editor, you can edit the source code and view
the result.

Example

Use the Menu

We recommend reading this tutorial, in the sequence listed in the menu.

If you have a large screen, the menu will always be present on the left.

If you have a small screen, open the menu by clicking the top menu sign ☰.

Learn by Examples

Examples are better than 1000 words. Examples are often easier to understand
than text explanations.

This tutorial supplements all explanations with clarifying «Try it Yourself» examples.

If you try all the examples, you will learn a lot about JavaScript, in a very short time!

JavaScript Examples »

Why Study JavaScript?

JavaScript is one of the 3 languages all web developers
must
learn:

   1. HTML to define the content of web pages

   2. CSS to specify the layout of web pages

   3. JavaScript to program the behavior of web pages

Learning Speed

In this tutorial, the learning speed is your choice.

Everything is up to you.

If you are struggling, take a break, or re-read the material.

Always make sure you understand all the «Try-it-Yourself»
examples.

The only way to become a clever programmer is to:
Practice. Practice. Practice. Code. Code. Code !

Commonly Asked Questions

• How do I get JavaScript?
• Where can I download JavaScript?
• Is JavaScript Free?

You don’t have to get or download JavaScript.

JavaScript is already running in your browser on your computer,
on your tablet, and on your smart-phone.

JavaScript is free to use for everyone.

JavaScript References

W3Schools maintains a complete JavaScript reference, including all HTML and browser objects.

The reference contains examples for all properties, methods and events, and
is continuously updated according to the latest web standards.

Complete JavaScript Reference »

W3Schools’ Online Certification

The perfect solution for professionals who need to balance work, family, and career building.

More than 25 000 certificates already issued!

The HTML Certificate documents your knowledge of HTML.

The CSS Certificate documents your knowledge of advanced CSS.

The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.

The Python Certificate documents your knowledge of Python.

The jQuery Certificate documents your knowledge of jQuery.

The SQL Certificate documents your knowledge of SQL.

The PHP Certificate documents your knowledge of PHP and MySQL.

The XML Certificate documents your knowledge of XML, XML DOM and XSLT.

The Bootstrap Certificate documents your knowledge of the Bootstrap framework.

как избавится от лишних атрибутов в коде подключения JS и CSS стилей

В большинстве случаев, к примеру только, мы используем такое подключение библиотек и пр. (все подобные формы подключения решаются аналогией…)

Как понимаете, мы указываем путь, от которого следует подгружаться (в примере пользуем библиотеки Google)… Замечательно!

…вот только в исходнике — в сгенерированном коде страницы — пропишутся «ошибочные» атрибуты и, соответственно, валидатор укажет при проверке на ошибки!

полезно для практики: Подключение jQuery библиотеки от CDN Google — рационально! …(там по ссылкам статьи..!)

…так как же избавится от этаких тегов-ошибок?

1 — во многих шаблонах js скрипт прописан в коде, а значит возможно ручками всё это дело зачистить…

2 — совсем иной коленкор автоматическое подключение JS библиотек. Ну или тех скриптов что подключены в ядре Вордпрес.

Ядро WP править не рекомендуется!

Итак: чтобы у нас с вами получилось так, как блестит зелёненьким на скрине ниже, следует добавить предложенный ниже код (фильтр) к себе в файл функций (ну, или куда там вы помещаете всю эту писанину))

Как правильно организовать свой активный файл функций — описано в этом посте — как разделить на отдельные функциональные части файл — гораздо дальновиднее группировать код по функционалу… а ещё правильнее — разнести какие-то функции по отдельным файлам — документам

Вот пример кода, по которому вам нужно изменить принцип своего подключения jquery:

Если вы «подключались»… так, как описано в предыдущей моей статье (ссыль на которую выше) то — вот подготовленный и совершенно рабочий код:

Для тех, которые подключали JS jquery как-то иначе, возможно просто-напросто удалить свой прежний вариант (код) и прописать на постоянное место жительства этот.

Рекомендуется именно и только такое подключение…

Плюсы: вы всегда — динамически — будете использовать свежайшую версию jquery в отличие от того, если подгружаетесь из ядра своего шаблона (локально).

Вензеля функций фильтр-кода можно прописать свои, для понту)).

На этом занавес представления опускается……на рампы пыль печальная ложится…

…город веб мастеров Михалика.ru — запросто с WordPress

…А ещё рекомендую посмотреть коротенькое весёлое и правильное кино:

JavaScript Number Methods

The toString() method converts a number to a string
The valueOf() method returns a number as a number
The toExponential() returns a number with exponential notation
The toFixed() method rounds a number to a number of digits
The toPrecision() method a number written with a specified length
The global method Number() converts variables to numbers
The global method Number() can even convert dates to numbers
The global method parseInt() converts strings to numbers
The global method parseFloat() converts strings to numbers
MAX_VALUE returns the largest possible number in JavaScript
MIN_VALUE returns the smallest possible number in JavaScript
POSITIVE_INFINITY represents infinity
POSITIVE_INFINITY is returned on overflow
NEGATIVE_INFINITY represents negative infinity
NEGATIVE_INFINITY is returned on overflow
NaN Represents «Not-a-Number»
Arithmetic performed on a string will result in NaN
Using a Number property on a variable will return undefined