Encoding a string in JavaScript.

Javascript Encode Method In Javascript

Decoding in Javascript can be achieved using decodeURI function. It takes encodeURIComponent (url) string so it can decode these characters. 2. unescape () function: This function takes a string as a single parameter and uses it to decode that string encoded by the escape () function.

encodeURI( complete_uri_string ) https://www.google.com/search?q=geeks%20for%20geeks encodeURIComponent( uri_string_component ) geeks%20for%20geeks escape( string ) https://www.google.com/search?q=geeks%20for%20geeks https%3A//www.google.com/search%3Fq%3Dgeeks%20for%20geeks decodeURI( complete_encoded_uri_string ) https://www.google.com/search?q=geeks for geeks decodeURIComponent( encoded_uri_string_component ) geeks for geeks unescape(string) https://www.google.com/search?q=geeks%20for%20geeks https%3A//www.google.com/search%3Fq%3Dgeeks%20for%20geeks https://www.google.com/search?q=geeks for geeks https://www.google.com/search?q=geeks for geeks

Encode URL in JavaScript?

Stick with encodeURIComponent().The function encodeURI() does not bother to encode many characters that have semantic importance in URLs (e.g. «#», «?», and «&»). escape() is deprecated, and does not bother to encode «+» characters, which will be interpreted as encoded spaces on the server (and, as pointed out by others here, does not properly URL …

var myUrl = "http://example.com/index.html?param=1&anotherParam=2"; var myOtherUrl = "http://example.com/index.html?url=" + myUrl; var myOtherUrl = "http://example.com/index.html?url=" + encodeURIComponent(myUrl); const value = encodeURIComponent(value).replace('%20','+'); const url = 'http://example.com?lang=en&key=' + value const escapedValue = encodeURIComponent(value).replace('%20','+'); const escapedFolder = encodeURIComponent('My Folder'); // no replace const url = `http://example.com/$/?myKey=$`; qs.stringify(); // gets a=1%3D2&b=Test+1 $.param() // gets a=1%3D2&b=Test+1 const queryParams = < param1: 'value1', param2: 'value2' >const queryString = new URLSearchParams(queryParams).toString() // 'param1=value1¶m2=value2' const myUrl = "http://example.com/index.html?param=1&anotherParam=2"; const myOtherUrl = new URL("http://example.com/index.html"); myOtherUrl.search = new URLSearchParams(); console.log(myOtherUrl.toString()); var myOtherUrl = "http://example.com/index.html?url=" + encodeURIComponent(myUrl); function urlencode(str) < str = (str + '').toString(); // Tilde should be allowed unescaped in future versions of PHP (as reflected below), but if you want to reflect current // PHP behavior, you would need to add ".replace(/~/g, '%7E');" to the following. return encodeURIComponent(str) .replace('!', '%21') .replace('\'', '%27') .replace('(', '%28') .replace(')', '%29') .replace('*', '%2A') .replace('%20', '+'); >encodeURI() encodeURIComponent() const baseURL = 'http://example.com/index.html'; const myUrl = new URL(baseURL); myUrl.searchParams.append('param', '1'); myUrl.searchParams.append('anotherParam', '2'); const myOtherUrl = new URL(baseURL); myOtherUrl.searchParams.append('url', myUrl.href); console.log(myUrl.href); // Outputs: http://example.com/index.html?param=1&anotherParam=2 console.log(myOtherUrl.href); // Outputs: http://example.com/index.html?url=http%3A%2F%2Fexample.com%2Findex.html%3Fparam%3D1%26anotherParam%3D2 console.log(myOtherUrl.searchParams.get('url')); // Outputs: http://example.com/index.html?param=1&anotherParam=2 const params = new URLSearchParams(myOtherUrl.search); console.log(params.get('url')); // Outputs: http://example.com/index.html?param=1&anotherParam=2 function fixedEncodeURIComponent(str) < return encodeURIComponent(str).replace(/[!'()]/g, escape).replace(/\*/g, "%2A"); >encodeURI("abc%20xyz 123") // wrong: "abc%2520xyz%20123" encodeURI(decodeURI("abc%20xyz 123")) // correct: "abc%20xyz%20123" console.log(encodeURIComponent('?notEncoded=&+')); // for a whole URI don't use encodeURIComponent it will transform // the / characters and the URL won't fucntion properly console.log(encodeURIComponent("http://www.random.com/specials&char.html")); // instead use encodeURI for whole URL's console.log(encodeURI("http://www.random.com/specials&char.html")); function fixedEncodeURIComponent(str) < return encodeURIComponent(str).replace(/[!'()*]/g, function(c) < return '%' + c.charCodeAt(0).toString(16); >); > Response.Headers["land"] = "login"; $(function () < var $document = $(document); $document.ajaxSuccess(function (e, response, request) < var land = response.getResponseHeader('land'); var redrUrl = '/login?ReturnUrl=' + encodeURIComponent(window.location); if(land) < if (land.toString() === 'login') < window.location = redrUrl; >> >); >); var url = $(location).attr('href'); //get current url //OR var url = 'folder/index.html?param=#23dd&noob=yes'; //or specify one var encodedUrl = encodeURIComponent(url); console.log(encodedUrl); //outputs folder%2Findex.html%3Fparam%3D%2323dd%26noob%3Dyes for more info go http://www.sitepoint.com/jquery-decode-url-string    textarea // encode string to base64 function encode() < var txt = document.getElementById("txt1").value; var result = btoa(txt); document.getElementById("txt2").value = result; >// decode base64 back to original string function decode()  
  </div> <div> </div> <div>  </div> <br/> <div>  </div> <div> </div> <div>  </div> </body> </html> function A(url) < return escape(url); >function B(url) < return encodeURI(url); >function C(url) < return encodeURIComponent(url); >function D(url) < return new URLSearchParams().toString(); > function E(url) < return encodeURIComponent(url).replace(/[!'()]/g, escape).replace(/\*/g, "%2A"); >function F(url) < return encodeURIComponent(url).replace(/[!'()*]/g, function(c) < return '%' + c.charCodeAt(0).toString(16); >); > // ---------- // TEST // ---------- var myUrl = "http://example.com/index.html?param=1&anotherParam=2"; [A,B,C,D,E,F] .forEach(f=> console.log(`$ ?url=$<f(myUrl).replace(/^url=/,'')>`)); This snippet only presents code of choosen solutions function encodeUrl(url) < String arr[] = url.split("/"); String encodedUrl = ""; for(int i = 0; ireturn url; > function fixedEncodeURIComponent(str) < return encodeURIComponent(str).replace(/[!'()*]/g, function(c) < return '%' + c.charCodeAt(0).toString(16); >); > var myOtherUrl = "http://example.com/index.html?url=" + encodeURIComponent(myUrl).replace(/%20/g,'+'); function urlEncode(text) < let encoded = ''; for (let char of text) < encoded += '%' + char.charCodeAt(0).toString(16); >return encoded; ></code></pre> <h4 id="encode-html-with-javascript">Encode HTML With JavaScript</h4> <p>Encode HTML With createTextNode in JavaScript. You can use the createTextNode method to encode a given HTML. The method accepts a string as an argument that it encodes behind the scenes. Afterward, you can grab this encoded data. You can do all this with procedural programming or a function.</p> <pre><code data-language="javascript">function htmlEncode(string) < return string.replace(/&/g, '&') .replace(/</g, '<') .replace(/>/g, '>') .replace(/'/g, ''') .replace(/"/g, '"') .replace(/\//, '/'); > console.log(htmlEncode("<h2>Hello  ")); "<h1>Hello <span </h1>" function encodeWithCharCode(string) < let buffer = []; for (let i = string.length-1; i>= 0; i--) < buffer.unshift(['&#', string[i].charCodeAt(), ';'].join('')); >return buffer.join(''); > console.log(encodeWithCharCode("<h2>Hello world</h2>")); "<h1>Hello world</h1>" function encodeWithTextNode(htmlstring) < let textarea = document.createElement('textarea'); let text = document.createTextNode(htmlstring); textarea.appendChild(text); return textarea.innerHTML; >console.log(encodeWithTextNode("<h2>Hello  ")); "<h1>Hello <span </h1>" <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/he/1.2.0/he.min.js" integrity="sha512-PEsccDx9jqX6Dh4wZDCnWMaIO3gAaU0j46W//sSqQhUQxky6/eHZyeB3NrXD2xsyugAKd4KPiDANkcuoEa2JuA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script type="text/javascript">console.log(he.encode("<h2>Hello  "));</script> </body> <h1>Hello <span </h1></code></pre> <h4 id="httputility-javascriptstringencode-method">HttpUtility.JavaScriptStringEncode Method</h4> <p>HttpUtility.UrlDecode Method (System.Web) Converts a string that has been encoded for transmission in a URL into a decoded string. To encode or decode values outside of a web application, use the WebUtility class.</p> <pre><code data-language="javascript">public: static System::String ^ JavaScriptStringEncode(System::String ^ value); public static string JavaScriptStringEncode (string? value); public static string JavaScriptStringEncode (string value); static member JavaScriptStringEncode : string -> string Public Shared Function JavaScriptStringEncode (value As String) As String public: static System::String ^ JavaScriptStringEncode(System::String ^ value, bool addDoubleQuotes); public static string JavaScriptStringEncode (string? value, bool addDoubleQuotes); public static string JavaScriptStringEncode (string value, bool addDoubleQuotes); static member JavaScriptStringEncode : string * bool -> string Public Shared Function JavaScriptStringEncode (value As String, addDoubleQuotes As Boolean) As String</code></pre> <h4 id="encode-and-decode-html-entities-using-pure">Encode and Decode HTML entities using pure Javascript</h4> <p>The previous code creates a global variable (in the window) named htmlentities. This object contains the 2 methods encode and decode. To convert a normal string to its html characters use the encode method : htmlentities.encode («Hello, this is a test stríng > < with characters that could break html. Therefore we convert it to its html</p> <pre><code data-language="javascript">(function(window) < window.htmlentities = < /** * Converts a string to its html characters completely. * * @param str String with unescaped HTML characters **/ encode : function(str) < var buf = []; for (var i=str.length-1;i>=0;i--) < buf.unshift(['&#', str[i].charCodeAt(), ';'].join('')); >return buf.join(''); >, /** * Converts an html characterSet into its original character. * * @param str htmlSet entities **/ decode : function(str) < return str.replace(/&#(\d+);/g, function(match, dec) < return String.fromCharCode(dec); >); > >; >)(window); htmlentities.encode("Hello, this is a test stríng > < with characters that could break html. Therefore we convert it to its html characters."); // Output "Hello, this is a test stríng > < with characters that could break html. Therefore we convert it to its html characters." htmlentities.decode("Hello, this is a test stríng > < with characters that could break html. Therefore we convert it to its html characters."); // Output "Hello, this is a test stríng >< with characters that could break html. Therefore we convert it to its html characters." // Using the global default setting (defaults to `false`): he.encode('foo © bar ≠ baz . qux'); // → 'foo © bar ≠ baz 𝌆 qux' // Passing an `options` object to `encode`, to explicitly encode all symbols: he.encode('foo © bar ≠ baz . qux', < 'encodeEverything': true >); // → 'foo © bar ≠ baz 𝌆 qux' // This setting can be combined with the `useNamedReferences` option: he.encode('foo © bar ≠ baz . qux', < 'encodeEverything': true, 'useNamedReferences': true >); // → 'foo © bar ≠ baz 𝌆 qux' he.decode('foo © bar ≠ baz 𝌆 qux'); // → 'foo © bar ≠ baz . qux'</code></pre> <p><a href="https://learn-codes.org/javascript/228775-javascript-encode-method-in-javascript">Источник</a></p> <h2 id="how-to-encode-a-string-in-javascript">How to encode a string in JavaScript?</h2> <p>Encoding is the process of converting from one data format to another format. In computer science terms, encoding is the process of converting a text into a cipher text. Encoding is different from the Encryption process.</p> <p>The difference between encoding and encryption is where the encoding is used to keep data usable and data confidentiality is maintained by encryption. Encoding does not use a key for encoding process whereas for encryption there should be a key for encryption process. The methods that are used to encode a string in JavaScript are btoa(), encodeURI(), encodeURIComponent().</p> <h2 id="using-btoa-method">Using btoa() method</h2> <p>A string in base-64 is encoded into Base64-encoded ASCII string using the btoa() function. The syntax for btoa() method is −</p><script data-noptimize="" data-wpfc-render="false">
/* <![CDATA[ */
fpm_start( "true" );
/* ]]> */
</script> <p>Where, the parameter <b>string</b> is the string to be encoded. The return value is an encoded string.</p> <h3 id="example-1">Example 1</h3> <p>This is an example program to encode a string using <b>btoa()</b> method.</p> <pre>  <html lang="en"> <head>     </head> <body> <script>var str = "Tutorials point"; document.getElementById('encode').innerHTML = 'The encoded string for "Tutorials point" is '+window.btoa(str);</script> </body> </html> </pre> <p>The output for the above example program is −</p> <h2 id="using-the-encodeuri-method">Using the encodeURI() method</h2> <p>The <b>encodeURI()</b> function encodes a URI or a string by replacing each instance of certain characters like white spaces by escape sequences representing the UTF-8 encoding of the character. The syntax for <b>encodeURI()</b> method is</p> <p>Where, the parameter <b>uri</b> is a complete URI or a string. The return value is an encoded string.</p> <h3 id="example-2">Example 2</h3> <p>This is an example program to encode a string using <b>encodeURI()</b> method.</p> <pre>  <html lang="en"> <head>     </head> <body> <script>var str1 = "Tutorials point"; var uri = "https://twitter.com/Google?ref_src=twsrc%5Egoogle"; document.getElementById('encode').innerHTML = 'The encoded string for "Tutorials point" is '+encodeURI(str1)+'<br/>'+'The encoded string for "https://twitter.com/Google?ref_src=twsrc%5Egoogle" is '+encodeURI(uri);</script> </body> </html> </pre> <p>The output for the above example program is −</p> <h2 id="using-the-encodeuricomponent-method">Using the encodeURIComponent() method</h2> <p>The <b>encodeURIComponent()</b> method is an advanced version for encodeURI() method. The difference between <b>encodeURI()</b> and <b>encodeURIComponent()</b> method is where the encoding a whole URL is done using <b>encodeURI()</b>, but encoding a URI component, such a query string, is done using <b>encodeURIComponent(). encodeURIComponent()</b> can encode characters (‘#’,’&’,’$’,’/’,’:’,’;’,’@’,’?’) which cannot be encoded by <b>encodeURI()</b> method. The syntax for <b>encodeURIComponent()</b> method is</p> <p>Where, <b>value</b> is any value which is Boolean, string, and the number is converted to string before encoding. The return value is an encoded string.</p> <h3 id="example-3">Example 3</h3> <p>This is an example program to encode a string using <b>encodeURIComponent()</b> method.</p> <pre>  <html lang="en"> <head>     </head> <body> <script>var str1 = "Tutorials point"; var uriComp = "https://twitter.com/Google?ref_src=twsrc%5Egoogle"; document.getElementById('encode').innerHTML = 'The encoded string for "Tutorials point" is '+encodeURIComponent(str1)+'<br/>'+'The encoded string for "https://twitter.com/Google?ref_src=twsrc%5Egoogle" is '+encodeURIComponent(uriComp);</script> </body> </html> </pre> <p>The output for the above example program is −</p> <p><a href="https://www.tutorialspoint.com/how-to-encode-a-string-in-javascript">Источник</a></p> <div class="fpm_end"></div><div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://business-programming.ru/python-add-elements-in-tuple/" target="_blank" rel="dofollow" class="ue4875c6e913c82df70683201dd695b27"><!-- INLINE RELATED POSTS 1/3 //--><style> .ue4875c6e913c82df70683201dd695b27 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#eaeaea; border:0!important; border-left:4px solid #34495E!important; text-decoration:none; } .ue4875c6e913c82df70683201dd695b27:active, .ue4875c6e913c82df70683201dd695b27:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .ue4875c6e913c82df70683201dd695b27 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .ue4875c6e913c82df70683201dd695b27 .ctaText { font-weight:bold; color:#464646; text-decoration:none; font-size: 16px; } .ue4875c6e913c82df70683201dd695b27 .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .ue4875c6e913c82df70683201dd695b27:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">Читайте также:</span>  <span class="postTitle">Python add elements in tuple</span></div></a></div> </div><!-- .entry-content --> </article> <div class="rating-box"> <div class="rating-box__header">Оцените статью</div> <div class="wp-star-rating js-star-rating star-rating--score-0" data-post-id="71130" data-rating-count="0" data-rating-sum="0" data-rating-value="0"><span class="star-rating-item js-star-rating-item" data-score="1"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="2"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="3"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="4"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="5"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span></div> </div> <div class="entry-social"> <div class="social-buttons"><span class="social-button social-button--vkontakte" data-social="vkontakte" data-image=""></span><span class="social-button social-button--facebook" data-social="facebook"></span><span class="social-button social-button--telegram" data-social="telegram"></span><span class="social-button social-button--odnoklassniki" data-social="odnoklassniki"></span><span class="social-button social-button--twitter" data-social="twitter"></span><span class="social-button social-button--sms" data-social="sms"></span><span class="social-button social-button--whatsapp" data-social="whatsapp"></span></div> </div> <meta itemprop="author" content="admin"> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://business-programming.ru/encoding-a-string-in-javascript-2/" content="Encoding a string in JavaScript."> <meta itemprop="dateModified" content="2023-08-24"> <meta itemprop="datePublished" content="2023-08-25T19:49:34+03:00"> <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization" style="display: none;"><meta itemprop="name" content="Программирование"><meta itemprop="telephone" content="Программирование"><meta itemprop="address" content="https://business-programming.ru"></div> </main><!-- #main --> </div><!-- #primary --> <aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"> <div class="sticky-sidebar js-sticky-sidebar"> <div id="block-2" class="widget widget_block"><div class="flatPM_sidebar" data-top="70"> <div id="Q_sidebar"></div> </div></div> </div> </aside><!-- #secondary --> <div id="related-posts" class="related-posts fixed"><div class="related-posts__header">Вам также может понравиться</div><div class="post-cards post-cards--vertical"> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://business-programming.ru/yaschiki-s-usami-python/">Ящики с усами python</a></div><div class="post-card__description">pandas.plotting.boxplot# Make a box-and-whisker plot</div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://business-programming.ru/primer-ispolzovaniya-svoystva-css-table-layout-74/">Пример использования свойства CSS table-layout.</a></div><div class="post-card__description">table-layout¶ Свойство table-layout определяет, как</div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://business-programming.ru/primer-ispolzovaniya-svoystva-css-table-layout-73/">Пример использования свойства CSS table-layout.</a></div><div class="post-card__description">HTML Размеры таблицы HTML таблицы могут иметь разные</div> </div> <div class="post-card post-card--related post-card--thumbnail-no"> <div class="post-card__title"><a href="https://business-programming.ru/primer-ispolzovaniya-svoystva-css-table-layout-72/">Пример использования свойства CSS table-layout.</a></div><div class="post-card__description">table-layout¶ Свойство table-layout определяет, как</div> </div> </div></div> </div><!--.site-content-inner--> </div><!--.site-content--> <div class="site-footer-container "> <div class="footer-navigation fixed" itemscope itemtype="http://schema.org/SiteNavigationElement"> <div class="main-navigation-inner full"> <div class="menu-tehnicheskoe-menyu-container"><ul id="footer_menu" class="menu"><li id="menu-item-12637" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12637"><a href="https://business-programming.ru/pravoobladatelyam/">Правообладателям</a></li> <li id="menu-item-12638" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12638"><a href="https://business-programming.ru/politika-konfidentsialnosti/">Политика конфиденциальности</a></li> <li id="menu-item-12639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12639"><a href="https://business-programming.ru/kontakty/">Контакты</a></li> </ul></div> </div> </div><!--footer-navigation--> <footer id="colophon" class="site-footer site-footer--style-gray full"> <div class="site-footer-inner fixed"> <div class="footer-bottom"> <div class="footer-info"> © 2024 Программирование </div> <div class="footer-counters"><!-- Yandex.Metrika counter --> <script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(97921369, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script> <noscript><div><img src="https://mc.yandex.ru/watch/97921369" style="position:absolute; left:-9999px;" alt=""/></div></noscript> <!-- /Yandex.Metrika counter --></div></div> </div> </footer><!--.site-footer--> </div> <button type="button" class="scrolltop js-scrolltop"></button> </div><!-- #page --> <script>var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){   window.open( e.target.getAttribute("data-uri") ); }); }</script><script type="text/javascript" id="reboot-scripts-js-extra">
/* <![CDATA[ */
var settings_array = {"rating_text_average":"\u0441\u0440\u0435\u0434\u043d\u0435\u0435","rating_text_from":"\u0438\u0437","lightbox_display":"1","sidebar_fixed":"1"};
var wps_ajax = {"url":"https:\/\/business-programming.ru\/wp-admin\/admin-ajax.php","nonce":"1a52959c70"};
/* ]]> */
</script> <script type="text/javascript" src="https://business-programming.ru/wp-content/themes/reboot/assets/js/scripts.min.js" id="reboot-scripts-js"></script> <script>window.lazyLoadOptions = [{
                elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",
                data_src: "lazy-src",
                data_srcset: "lazy-srcset",
                data_sizes: "lazy-sizes",
                class_loading: "lazyloading",
                class_loaded: "lazyloaded",
                threshold: 300,
                callback_loaded: function(element) {
                    if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) {
                        if (element.classList.contains("lazyloaded") ) {
                            if (typeof window.jQuery != "undefined") {
                                if (jQuery.fn.fitVids) {
                                    jQuery(element).parent().fitVids();
                                }
                            }
                        }
                    }
                }},{
				elements_selector: ".rocket-lazyload",
				data_src: "lazy-src",
				data_srcset: "lazy-srcset",
				data_sizes: "lazy-sizes",
				class_loading: "lazyloading",
				class_loaded: "lazyloaded",
				threshold: 300,
			}];
        window.addEventListener('LazyLoad::Initialized', function (e) {
            var lazyLoadInstance = e.detail.instance;

            if (window.MutationObserver) {
                var observer = new MutationObserver(function(mutations) {
                    var image_count = 0;
                    var iframe_count = 0;
                    var rocketlazy_count = 0;

                    mutations.forEach(function(mutation) {
                        for (var i = 0; i < mutation.addedNodes.length; i++) {
                            if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') {
                                continue;
                            }

                            if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') {
                                continue;
                            }

                            images = mutation.addedNodes[i].getElementsByTagName('img');
                            is_image = mutation.addedNodes[i].tagName == "IMG";
                            iframes = mutation.addedNodes[i].getElementsByTagName('iframe');
                            is_iframe = mutation.addedNodes[i].tagName == "IFRAME";
                            rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');

                            image_count += images.length;
			                iframe_count += iframes.length;
			                rocketlazy_count += rocket_lazy.length;

                            if(is_image){
                                image_count += 1;
                            }

                            if(is_iframe){
                                iframe_count += 1;
                            }
                        }
                    } );

                    if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){
                        lazyLoadInstance.update();
                    }
                } );

                var b      = document.getElementsByTagName("body")[0];
                var config = { childList: true, subtree: true };

                observer.observe(b, config);
            }
        }, false);</script><script data-no-minify="1" async src="https://business-programming.ru/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt){var t='<img loading="lazy" src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360">',a='<button class="play" aria-label="play Youtube video"></button>';t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?'':'&'+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var e,t,p,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt),a[t].appendChild(e),p=e.querySelector('.play'),p.onclick=lazyLoadYoutubeIframe});</script> </body> </html>