masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
javascript - Menggunakan beban dalam jquery untuk memuatkan halaman html lain, bolehkah ia mengendalikan elemen dalam halaman lain?
淡淡烟草味
淡淡烟草味 2017-05-19 10:36:43
0
3
708

Menggunakan beban dalam jquery untuk memuatkan halaman html lain, bolehkah ia mengendalikan elemen dalam halaman lain

淡淡烟草味
淡淡烟草味

membalas semua(3)
大家讲道理
大家讲道理2017-05-19 10:38:43 Tingkat 3

Jika anda ingin memuatkan sepenuhnya subhalaman dalam halaman ini, tidak disyorkan untuk memuatkannya terus ke elemen halaman ini;

Adakah anda rasa penyelesaian ini lebih baik:

Pendekatan umum ialah memuatkan subhalaman ini terlebih dahulu dalam iframe dengan mengubah suai atribut src (supaya subhalaman dan halaman induk mempunyai skop bebas, meminimumkan pelbagai konflik

);

Langkah seterusnya ialah untuk mendapatkan objek tetingkap dalam subhalaman iframe Pada masa hadapan, anda boleh menggunakan objek tetingkap subhalaman ini untuk mendapatkan elemen yang sepadan dengan subhalaman dan melakukan operasi:

. 
<iframe src="动态替换这个属性即可"></iframe>
// 获取iframe子页面的window对象
var iframeWindow = document.getElementById('iframe的id').contentWindow;
// 获取子页面的元素
var element = iframeWindow.document.getElementById('子页面中某个元素的id');

// jquery版
var iframeWindow = $('iframe的选择器').prop('contentWindow');
var element = $(iframeWindow).find('要获取元素的选择器');
Suka +0
Tambah Balasan
巴扎黑
巴扎黑2017-05-19 10:38:43 Tingkat 2

indeks ialah halaman yang sedang dimuatkan

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p class="demo">
  我是load页面
</p>
</body>
</html>

ujian ialah halaman yang melaksanakan beban

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p id="p">

</p>
</body>
<script src="jquery.js"></script>
<script>
$("#p").load("index.html",function () {
    console.log($(".demo").html())//打印出来
    $(".demo").html(
        "<span>load出来的页面 更改内容</span>" +
        "<span>哈哈哈</span>"
    )
})

</script>
</html>

Suka +0
Tambah Balasan
Peter_Zhu
Peter_Zhu2017-05-19 10:38:43 Tingkat 1

Anda boleh beroperasi sesuka hati selepas memuatkan.

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan