🥇 Javascript document.write alternativo

Quando um script é carregado de forma síncrona , a posição de seu elemento no DOM pode ser determinada. Com essas informações, o elemento <script> pode atuar como um ponto pivô para inserir conteúdo dinâmico. Isso elimina a necessidade de document.write , uma função que causa estragos onde AJAX está envolvido (e vai contra as melhores práticas de desenvolvimento web moderno).

<!doctype html>
<html>
    <head>
        <title>document.write alternative</title>
        <meta charset="utf-8"/>
    </head>
    <body>
        <p>Here is some content.</p>
        <!-- load a script; any script -->
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
        <!-- here's our document.write analog; could just as easily be a remote file -->
        <script type="text/javascript">
            // get the "last" script on the page
            var s = document.getElementsByTagName('script');
            s = s[s.length - 1];
            var p = document.createElement('p');
            p.innerHTML = "Here is some dynamic content.";
            s.parentNode.insertBefore(p, s);
        </script>
        <!-- load another script; any other script -->
        <script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jshint/r07/jshint.js"></script>
        <p>Here is some more content.</p>
    </body>
</html>

Aqui está uma demonstração: http://jsfiddle.net/haliphax/2y4cx/

Related Posts