Javascript Titelkenmerkwaarde ophalen

| | | | | | |

De HTML

</pre>-tag definieert de titel van een webpagina. Deze titel verschijnt in de browsertabbalk en wanneer u een pagina aan uw favorietenlijst toevoegt. Alle webpagina`s moeten een <pre class="prettyprint"><title></pre>-tag bevatten.</em></p><p>Als u een webpagina maakt, moet u een titel voor die webpagina opgeven. Stel dat u bijvoorbeeld een startpagina maakt voor de website van een plaatselijke bakkerij. Misschien wilt u dat de naam van de bakkerij wordt weergegeven als de titel van de webpagina.</p><p>Dit is waar de HTML <em><pre class="prettyprint"><title></pre></em>-tag binnenkomt De <em>Tag De <pre class="prettyprint"><title></pre></em> tag definieert de titel van een document in HTML en wordt in het kopgedeelte van een webpagina geplaatst. In deze zelfstudie wordt aan de hand van een voorbeeld het belang van de tag <em><pre class="prettyprint"><title></pre></em> besproken en hoe u deze in uw code kunt gebruiken.</p><h2> HTML Head Refresher</h2><p>In HTML wordt het <em><head></em>-element gebruikt om header-elementen op te slaan. Deze elementen bieden aanvullende informatie over een webpagina, zoals het pictogram dat voor de webpagina moet verschijnen.</p><p>Samen beschrijven de elementen van de sectie <em><head></em> belangrijke informatie over een document. Ze kunnen de browser verwijzen naar stylesheets en scripts die in een document worden gebruikt (indien gebruikt).</p><h2>HTML <pre class="prettyprint"><title></pre></h2><p>HTML <em><pre class="prettyprint"> <title></pre></em> de tag definieert de titel van het document. Deze tag wordt weergegeven in de tag <em><head></em>. Deze tag zou het doel van een webpagina moeten samenvatten. U hoeft slechts één <pre class="prettyprint"><title></pre>-tag per pagina op te geven.</p><p>Laten we eens kijken naar de syntaxis van deze tag:</p> <p>De <pre class="prettyprint"><title></pre> tag heeft zowel een openingstag als een sluitingstag. Tussen deze tags hebben we een titel voor een webpagina geschreven.</p> </div>  </div>  </a> </div> <p>De tekst van onze <pre class="prettyprint"><title></pre>-tag verschijnt niet op de webpagina. Dit komt omdat onze <pre class="prettyprint"><title></pre>-tag is opgenomen in de <head>-tag in plaats van de <body>-tag op onze webpagina.</p><p>Onze titel hierboven is sterk omdat het vertelt de gebruiker precies welke pagina ze bekijken. We hebben ook de naam van de site gespecificeerd, om verwarring te voorkomen als een gebruiker meerdere tabbladen in beeld heeft met de titel "Home".</p><p>De titel moet duidelijk, gemakkelijk leesbaar en niet te lang zijn. Bekijk de volgende voorbeeldkoppen:</p><ul><li>Blog - Professioneel Karma</li><li>Neem contact op met Professioneel Karma</li><li>Professioneel Karma-blog</li></ul> <p>Al deze titels drukken het doel van de pagina uit. het mag niet te lang zijn, want titels hebben maar beperkte ruimte in de tabbalk.</p><p>De <pre class="prettyprint"><title></pre>-tag ondersteunt alle algemene attributen, bijvoorbeeld in HTML5. Deze tag wordt ondersteund door alle belangrijke moderne browsers. De title-tag heeft geen elementspecifiek HTML-kenmerk.</p><h2>Voorbeeld HTML-titeltag</h2><p>Het HTML-titelelement wordt gedefinieerd in de <em><head></em>-tag op een HTML-pagina. Stel dat we een webpagina maken voor onze plaatselijke bakkerij, Joseph Abrams & Sons. We bouwen momenteel aan de startpagina en we willen dat de naam van de banketbakkerij in de titel van de site verschijnt.</p><p>We kunnen de volgende code gebruiken om onze paginatitel in te stellen op " <em>Giuseppe Abrams & Figli.</em> ":</p><p>Wanneer de webpagina van onze site wordt geopend, wordt de paginatitel ingesteld op" <em>Joseph Abrams & Sons</em> ".</p> </a> </div> <p>Stel nu dat we een contactpagina maken voor onze lokale bakkerij van vroeger. We zouden de titel " <em>Contact | Joseph Abrams & Sons</em> ". Deze titel is eenvoudig en beschrijft ook het doel van onze webpagina goed.</p><h2>Waarom zou je een <pre class="prettyprint"><title></pre>-tag gebruiken?</h2><p>Er zijn een aantal van redenen is het belangrijk om een documenttiteltag op te geven.</p><p>Ten eerste geeft de <em><pre class="prettyprint"><title></pre></em>-tag de paginatitel weer in de titelbalk van uw webbrowser . De titel van deze pagina is bijvoorbeeld "<em>HTML-titeltag: een how-to | Python.Engineering</em>. Deze verschijnt in de tabnaam van deze site.</p><p>Tweede , de <em>tag De <pre class="prettyprint"><title></pre></em> tag labelt de webpagina wanneer deze als bladwijzer is gemarkeerd of als favoriet is opgeslagen in de webbrowser van de gebruiker. De titel die u opgeeft, wordt automatisch opgeslagen . Als u geen geschikte titel voor een webpagina gebruikt, kan een gebruiker moeite hebben uw pagina in hun favorieten te vinden.</p><p>Zoekmachines zijn afhankelijk van de inhoud van een tag.title. De titel die is opgegeven in een title tag is de titel van de webpagina op een pagina met zoekresultaten van zoekmachines (SERP). De SERP is een item op een pagina met zoekresultaten.</p><p>Bovendien is de inhoud van de <em><pre class="prettyprint"> <title></pre></em> tag wordt gebruikt om het onderwerp van de webpagina te bepalen door zoekmachines.</p><p>Dus nu we weten <em><pre class="prettyprint"><title></pre></em>-tags zijn belangrijk, u vraagt zich misschien af: hoe u een HTML-titeltag gebruikt? Laten we deze vraag beantwoorden.</p><h2>Conclusie</h2><p>T De <em><pre class="prettyprint"><title></pre></em> tag geeft de titel van een HTML-document aan. Deze titel wordt weergegeven in de tabbladnamen van de webbrowser. Het wordt ook gebruikt door zoekmachines bij het verwerken van een webpagina om de titel en het onderwerp te bepalen.</p> </a> </div> <p> In deze zelfstudie werden de basisprincipes van de HTML <em><pre class="prettyprint"><title></pre></em>-tag behandeld aan de hand van een voorbeeld. U bent nu klaar om de titeltag als HTML-expert te gaan gebruiken!</p><p>Wilt u meer weten over HTML-codering? Bekijk onze <a href="/learn-html/"> HTML-leergids </a>. Deze gids bevat een lijst met de beste leermiddelen en cursussen voor beginners. en intermediaire ontwikkelaars. U vindt er ook de beste boeken om te lezen over het onderwerp HTML.</p>  </div>



                   </div>
                </div>
                <div class="article__right">
                    <div class="hub_ad">
                        <div id="ezoic-pub-ad-placeholder-106">
                          <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9381065361874746"
                               crossorigin="anonymous"></script>
                          <!-- PYE aside NEW -->
                          <ins class="adsbygoogle"
                               style="display:block"
                               data-ad-client="ca-pub-9381065361874746"
                               data-ad-slot="8755532771"
                               data-ad-format="auto"
                               data-full-width-responsive="true"></ins>
                          <script>
                               (adsbygoogle = window.adsbygoogle || []).push({});
                          </script>  
                        </div>                   
                    </div>
                    <div class="shop-aside shop-aside--mt">
                        <h2 class="shop-aside__title">Shop</h2>
                        <div class="shop__items shop__items--column">
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/learn-programming-in-r-courses/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Learn programming in R: courses</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-python-online-courses-for-2022/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best Python online courses for 2022</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-laptop-for-fortnite/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best laptop for Fortnite</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-laptop-for-excel/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best laptop for Excel</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-laptop-for-solidworks/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best laptop for Solidworks</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-laptop-for-roblox/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best laptop for Roblox</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-computer-for-crypto-mining/"></a><img class="shop__item-img" src="">
                                <p class="shop__item-name">Best computer for crypto mining</p><span class="shop__item-price">$</span>
                            </div>
                             	
                            <div class="shop__item"><a class="shop__item-link" href="https://python.engineering/best-laptop-for-sims-4/"></a><img class="shop__item-img" src="http://python.engineering/wp-content/uploads/2022/04/pye-best-laptop-for-sims-4.jpg">
                                <p class="shop__item-name">Best laptop for Sims 4</p><span class="shop__item-price">$</span>
                            </div>
                            
                        </div>
                    </div>

                    <div class="hub_ad">
                        <div id="ezoic-pub-ad-placeholder-106" style="position:sticky; position:-webkit-sticky; top:0; margin-top:10px; z-index: 1000">
                          <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9381065361874746"
                               crossorigin="anonymous"></script>
                          <!-- PYE aside NEW -->
                          <ins class="adsbygoogle"
                               style="display:block"
                               data-ad-client="ca-pub-9381065361874746"
                               data-ad-slot="8755532771"
                               data-ad-format="auto"
                               data-full-width-responsive="true"></ins>
                          <script>
                               (adsbygoogle = window.adsbygoogle || []).push({});
                          </script>  
                        </div>                   
                    </div>


                    <div class="l-questions l-questions--mt">
                        <p class="l-questions__title">Latest questions</p>
                        <div class="l-questions__list">
                       
                        <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/8134602-psycopg2-insert-multiple-rows-with-one-query/"></a>
                            <div class="l-questions__item-tags"><span class="l-questions__item-tag violet">NUMPY</span><span class="l-questions__item-tag yellow">NUMPY</span></div>
                            <p class="l-questions__item-title">psycopg2: insert multiple rows with one query</p>
                            <p class="l-questions__item-answers"><span>12</span> answers</p>
                        </div>
                       
                        <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/3930188-how-to-convert-nonetype-to-int-or-string/"></a>
                            <div class="l-questions__item-tags"><span class="l-questions__item-tag violet">NUMPY</span><span class="l-questions__item-tag yellow">NUMPY</span></div>
                            <p class="l-questions__item-title">How to convert Nonetype to int or string?</p>
                            <p class="l-questions__item-answers"><span>12</span> answers</p>
                        </div>
                       
                        <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/33945261-how-to-specify-multiple-return-types-using-type-hints/"></a>
                            <div class="l-questions__item-tags"><span class="l-questions__item-tag violet">NUMPY</span><span class="l-questions__item-tag yellow">NUMPY</span></div>
                            <p class="l-questions__item-title">How to specify multiple return types using type-hints</p>
                            <p class="l-questions__item-answers"><span>12</span> answers</p>
                        </div>
                       
                        <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/51922480-javascript-error-ipython-is-not-defined-in-jupyterlab/"></a>
                            <div class="l-questions__item-tags"><span class="l-questions__item-tag violet">NUMPY</span><span class="l-questions__item-tag yellow">NUMPY</span></div>
                            <p class="l-questions__item-title">Javascript Error: IPython is not defined in JupyterLab</p>
                            <p class="l-questions__item-answers"><span>12</span> answers</p>
                        </div>
                        
                        </div>
                        <div class="l-questions__more-link"><a href="/cat/wiki/so/">All questions</a></div>
                    </div>
                    <div class="hub_ad">
                        <div id="ezoic-pub-ad-placeholder-106" style="position:sticky; position:-webkit-sticky; top:0; margin-top:10px; z-index: 1000">
                          <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9381065361874746"
                               crossorigin="anonymous"></script>
                          <!-- PYE aside NEW -->
                          <ins class="adsbygoogle"
                               style="display:block"
                               data-ad-client="ca-pub-9381065361874746"
                               data-ad-slot="8755532771"
                               data-ad-format="auto"
                               data-full-width-responsive="true"></ins>
                          <script>
                               (adsbygoogle = window.adsbygoogle || []).push({});
                          </script>  
                        </div>                   
                    </div>                    
                </div>
            </div>
        </div>
    </div>



<!-- news -->
    <div class="news">
        <div class="container">
            <h2 class="news__title h2">News</h2>
            <div class="news__items">

   
            <!--
            <a class="news__item" href="https://python.engineering/w4-games-called-for-directx12-support-in-the-new-version-of-the-godot-game-engine/" style="background-image: url('https://python.engineering/wp-content/uploads/2022/08/pye-directx12-13-08-2022.jpeg')">
            -->
            <a class="news__item" href="https://python.engineering/w4-games-called-for-directx12-support-in-the-new-version-of-the-godot-game-engine/" style="background-color: #243978;">
                <span class="news__item-overlay">
                  <span class="news__item-cat">13/08/2022</span>
                  <span class="news__item-title">W4 Games called for DirectX12 support in the new version of the Godot game engine</span>
                </span>
            </a>
   
            <!--
            <a class="news__item" href="https://python.engineering/sk-hynix-wants-to-build-a-chip-testing-and-packaging-plant-in-the-us/" style="background-image: url('https://python.engineering/wp-content/uploads/2022/08/pye-hynix-13-08-2022.jpeg')">
            -->
            <a class="news__item" href="https://python.engineering/sk-hynix-wants-to-build-a-chip-testing-and-packaging-plant-in-the-us/" style="background-color: #243978;">
                <span class="news__item-overlay">
                  <span class="news__item-cat">13/08/2022</span>
                  <span class="news__item-title">SK Hynix wants to build a chip testing and packaging plant in the US</span>
                </span>
            </a>
   
            <!--
            <a class="news__item" href="https://python.engineering/the-developer-showed-that-ddr5-memory-diagnostics/" style="background-image: url('https://python.engineering/wp-content/uploads/2022/08/pye-ddr5-13-08-2022.jpeg')">
            -->
            <a class="news__item" href="https://python.engineering/the-developer-showed-that-ddr5-memory-diagnostics/" style="background-color: #243978;">
                <span class="news__item-overlay">
                  <span class="news__item-cat">13/08/2022</span>
                  <span class="news__item-title">The developer showed that DDR5 memory diagnostics in the not yet presented version of MemTest86 was taken to a new level</span>
                </span>
            </a>
              
            </div>
        </div>
    </div>
<!-- /new -->

<br>

<!-- wiki -->
    <div class="wiki">
        <div class="container">
            <h2 class="wiki__title h2">Wiki</h2>
            <div class="wiki-grid">
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-opencv-cv2-puttext-method/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">__del__</span></a>
                    </div>
                    <p class="l-questions__item-title">Python OpenCV | cv2.putText () method</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/numpy-arctan2-python/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">__del__</span></a>
                    </div>
                    <p class="l-questions__item-title">numpy.arctan2 () in Python</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-os-path-realpath-method/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">__del__</span></a>
                    </div>
                    <p class="l-questions__item-title">Python | os.path.realpath () method</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-opencv-cv2-circle-method/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">around</span></a>
                    </div>
                    <p class="l-questions__item-title">Python OpenCV | cv2.circle () method</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-opencv-cv2-cvtcolor-method/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">cvtcolor</span></a>
                    </div>
                    <p class="l-questions__item-title">Python OpenCV cv2.cvtColor () method</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-move-element-to-end-of-the-list/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">Python functions</span></a>
                    </div>
                    <p class="l-questions__item-title">Python - Move item to the end of the list</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/time-perf_counter-function-in-python/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">Counters</span></a>
                    </div>
                    <p class="l-questions__item-title">time.perf_counter () function in Python</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-check-if-one-list-is-subset-of-other/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">__dict__</span></a>
                    </div>
                    <p class="l-questions__item-title">Check if one list is a subset of another in Python</p>
                </div>
               
                <div class="l-questions__item"><a class="l-questions__item-link" href="https://python.engineering/python-os-path-join-method/"></a>
                    <div class="l-questions__item-tags">
                      <a href=""><span class="l-questions__item-tag violet">__del__</span></a>
                    </div>
                    <p class="l-questions__item-title">Python os.path.join () method</p>
                </div>
                
            </div>
        </div>
    </div>     
<!-- /wiki -->   






<!-- new footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer__row">
                <div class="footer__left"><img class="footer__logo" src="/wp-content/themes/nimani/img/footer-logo.svg" alt="Python Engineering">
                    <p class="footer__copyright">© 2017—2022 <br> Python Engineering Hub</p>

                    <p class="footer__desc">
<a href="/cat/wiki/" class="footer__nav-link">EN</a> | <a href="/cat/es_sp/" class="footer__nav-link">ES</a> | <a href="/cat/de_de/" class="footer__nav-link">DE</a> | <a href="/cat/fr_fr/" class="footer__nav-link">FR</a> | <a href="/cat/it_it/" class="footer__nav-link">IT</a> | <a href="/cat/ru_ru/" class="footer__nav-link">RU</a> | <a href="/cat/tr_tr/" class="footer__nav-link">TR</a> | <a href="/cat/pl_pl/" class="footer__nav-link">PL</a> | <a href="/cat/pt_pt/" class="footer__nav-link">PT</a> | <a href="/cat/ja_jp/" class="footer__nav-link">JP</a> | <a href="/cat/ko_kr/" class="footer__nav-link">KR</a> | <a href="/cat/zh_cn/" class="footer__nav-link">CN</a> | <a href="/cat/hi_in/" class="footer__nav-link">HI</a> | <a href="/cat/nl_nl/" class="footer__nav-link">NL</a>
                    </p>   
                    <br>                    
                    <p class="footer__desc">
                    Python.Engineering is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to amazon.com
                    </p>

                </div>
                <div class="footer__nav-col">
                    <p class="footer__nav-title">Python</p>
                    <ul class="footer__nav-list">
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/loops/">Loops</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/counters/">Counters</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/numpy/">NumPy</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/nlp/">NLP</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/regex/">Regular Expressions</a></li>
                    </ul>
                </div>
                <div class="footer__nav-col">
                    <p class="footer__nav-title">Wiki</p>
                    <ul class="footer__nav-list">
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/news/">Tech news</a></li>                        
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/wiki/">Python Wiki</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/wiki/so/">StackOverflow</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/php/">PHP</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/javascript/">JavaScript</a></li>
                    </ul>
                </div>
                <div class="footer__nav-col">
                    <p class="footer__nav-title">Books</p>
                    <ul class="footer__nav-list">
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/books/">All books</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/computations/">Computations</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/development/">Development</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/cryptography/">Cryptography</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/beginners/">For dummies</a></li>
                        <li class="footer__nav-item"><a class="footer__nav-link" href="/cat/bigdata/">Big Data</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
    <script src="/wp-content/themes/nimani/js/libs.js"></script>
    <script src="/wp-content/themes/nimani/js/index.js"></script>
    <script src="/wp-content/themes/nimani/js/vendor/lazysizes.min.js" async></script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q022WLXW4X" async></script>
    <script async src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?autoload=true&skin=desert&lang=python"></script>
    <script type="text/javascript">
        document.addEventListener("DOMContentLoaded", () => {
            let arrayCode = document.querySelectorAll('pre');
            arrayCode.forEach(element => {
                element.classList.add("prettyprint");
            });
        });        
    </script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-Q022WLXW4X');
    </script>


<!-- ===================== LEAVE POPUP ===================== -->

<!--     <script src="/wp-content/themes/nimani/js/ouibounce.js"></script>
    <script>
      // if you want to use the 'fire' or 'disable' fn,
      // you need to save OuiBounce to an object
      var _ouibounce = ouibounce(document.getElementById('ouibounce-modal'), {
        aggressive: true,
        timer: 0,
        delay: 1000,
        callback: function() { console.log('ouibounce fired!'); }
      });

      $('body').on('click', function() {
        $('#ouibounce-modal').hide();
      });

      $('#ouibounce-modal .modal-footer').on('click', function() {
        $('#ouibounce-modal').hide();
      });

      $('#ouibounce-modal .modal').on('click', function(e) {  e.stopPropagation();});
    </script>

    <script>
    $("#reload_form_button" ).click(function() {
        console.log("hui");
    $('#reload_form').load('/wp-content/themes/nimani/af.html');
    });
    </script> -->
<!-- ===================== /LEAVE POPUP ===================== -->


</body>

</html>
<!-- /new footer -->