Rumah  >  Artikel  >  hujung hadapan web  >  Perbincangan ringkas tentang kemahiran document.write() output style_javascript

Perbincangan ringkas tentang kemahiran document.write() output style_javascript

WBOY
WBOYasal
2016-05-16 16:00:231665semak imbas

Salah satu arahan paling asas dalam js: document.write(), digunakan untuk mencetak kandungan ke halaman Anda boleh mencetak kandungan yang anda perlukan verbatim - document.write("content"), di sini kandungannya kandungan yang perlu menjadi output; sudah tentu terdapat juga situasi di mana anda perlu mengeluarkan perubahan dalam JS seperti pembolehubah, dan lain-lain, maka anda perlu menggunakan document.write(pembolehubah sudah tentu pembolehubah yang anda mahukan); keluaran.

Memandangkan anda boleh mengeluarkan pembolehubah, anda pasti mahu mengawal paparan pembolehubah, seperti kedudukan dan gaya. Kaedah kawalan pertama ialah menambah gaya dalam aplikasi, seperti

Salin kod Kod adalah seperti berikut:
document.write("b128e11252286394fcb02fd42223e449 =font-size:20px;font-family= Helvetica;"content"e6e38b3c62e8df885fe2e3986461aa63"

Jika terlalu banyak gaya yang perlu ditambah, ia bukan sahaja akan kelihatan kembung, malah menyusahkan untuk diubah suai.

Dalam kes ini, ia pasti akan berasa lebih baik untuk menggunakan pemilih. Walau bagaimanapun, oleh kerana anda perlu menggunakan pelbagai petikan berganda dan petikan tunggal apabila menggunakan pemilih, anda harus memberi perhatian untuk menghalang pemadanan awal petikan berganda dan petikan tunggal apabila menggunakannya padankan sebelum waktunya , contohnya adalah seperti berikut:

document.write("<div id=\"ok\">"+percentage+"</div>");

Pemilih ID bernama ok ditakrifkan di sini untuk mengawal gaya Memandangkan nama id perlu disertakan dalam petikan berganda, untuk mengelakkan padanan petikan berganda sebelumnya, gunakan " untuk mengisytiharkannya, dan kemudian dalam fail CSS. Dalam

#ok{style;}

Anda kemudian boleh menentukan gaya dan kedudukan yang anda inginkan.

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn