Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Memaparkan Bahagian Khusus Halaman Web Dalam iFrame?

Bagaimanakah Saya Boleh Memaparkan Bahagian Khusus Halaman Web Dalam iFrame?

Mary-Kate Olsen
Lepaskan: 2024-12-26 18:38:14
asal
402 orang telah melayarinya

How Can I Display Only a Specific Section of a Webpage Within an iFrame?

Membuat Paparan Kandungan Terpilih dalam iFrame

Jika anda menggunakan iframe, anda mungkin menghadapi keperluan untuk memaparkan hanya bahagian tertentu daripada halaman web dalam bingkai terbenam. Panduan ini akan membimbing anda melalui langkah-langkah untuk mengasingkan bahagian tertentu dan memaparkannya dalam iFrame dengan dimensi tersuai.

Penyelesaian

Malangnya, iFrame sememangnya memaparkan keseluruhan halaman yang dibenamkannya. Untuk mencapai keperluan anda, anda mempunyai dua pilihan:

  1. Pengubahsuaian Bahagian Pelayan: Pelayan anda boleh menyediakan halaman berasingan yang disesuaikan untuk mempamerkan hanya bahagian yang ditetapkan.
  2. Fungsi Muatan jQuery: Menggunakan fungsi "beban" jQuery, anda boleh memuatkan keseluruhan halaman ke dalam a
    dan kemudian ekstrak bahagian khusus yang anda ingin paparkan:
$('#target-div').load('http://www.example.com/portfolio.php #portfolio-sports');
Salin selepas log masuk

Nota:

  • Kandungan yang anda muatkan menggunakan fungsi "beban" jQuery akan dimasukkan ke dalam halaman utama anda, tidak seperti iFrame, yang mengekalkan pengasingan kandungan.
  • Untuk maklumat lanjut penyesuaian, pelarasan tambahan mungkin diperlukan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaparkan Bahagian Khusus Halaman Web Dalam iFrame?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan