javascript - Mengapa js tidak dilaksanakan dalam susunan ia dimuatkan?

Question

Kod prettify yang saya gunakan ialah penyerlahan kod sumber
Ia mesti ditulis dalam <pre> dan <pre> mesti ditambah dengan class="prettify"
Jadi saya menggunakan $("pre"). attr("class", "prettify"); tambahkan semuanya dalam js sekali gus.
Tidak perlu menulisnya dengan tangan.
Kodnya mungkin kelihatan seperti ini

<pre>
<?php
echo "hello world";
?>
</pre>

Tempahan js di bahagian bawah adalah seperti ini

<script src="./public/js/jquery.min.3.2.1.js"></script>
<script>$(function () {
        $("pre").attr("class", "prettyprint");
    });</script>
<script src="./public/prettify/run_prettify.js"></script>

Di bawah Google Chrome, adalah perkara biasa untuk menghuraikan jq dahulu, dan kemudian menghuraikan js saya yang menambah kelas Akhirnya, js dengan penyerlahan kod sumber dilaksanakan
Tetapi di bawah Firefox dan IE, jq dilaksanakan terlebih dahulu, dan langkah kedua ialah dilaksanakan. js dengan kod sumber diserlahkan. Bahagian ketiga melaksanakan js tulisan tangan saya
Saya tidak tahu mengapa ini berlaku.

Answer 1

$(function () {
        $("pre").attr("class", "prettyprint");
    });

$(function () { ialah untuk melaksanakan JS di dalam selepas DOM halaman dimuatkan. JS sudah dilaksanakan mengikut pesanan anda. Cuma anda meletakkan mendengar acara di tengah.
Anda juga boleh menyerlahkan kod selepas DOM dimuatkan Selepas

Answer 2

https://github.com/amdjs/amdj...
/q/10...
Pos ini boleh menyelesaikan masalah anda

Answer 3

<script src="./public/js/jquery.min.3.2.1.js"></script>
<script>
    $("pre").attr("class", "prettyprint");
</script>
<script src="./public/prettify/run_prettify.js" defer="defer"></script>

Cubalah