国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Fran?ais

javascript - Utiliser Load dans JQuery pour charger une autre page HTML peut-il exploiter des éléments dans une autre page?

淡淡煙草味 2017-05-19 10:36:43

789

Utiliser load dans jquery pour charger une autre page html, peut-il exploiter des éléments dans une autre page

淡淡煙草味

répondre à tous(3)

大家講道理2017-05-19 10:38:43 3 plancher

Si vous souhaitez charger complètement une sous-page dans cette page, il n'est pas recommandé de la charger directement sur les éléments de cette page?;

Pensez-vous que cette solution serait meilleure?:

L'approche générale consiste à charger d'abord cette sous-page dans une iframe en modifiant l'attribut src (afin que la sous-page et la page parent aient des portées indépendantes, minimisant ainsi divers conflits

) ;

L'étape suivante consiste à obtenir l'objet window dans la sous-page iframe. à l'avenir, vous pourrez utiliser l'objet window de cette sous-page pour obtenir les éléments correspondants de la sous-page et effectuer des opérations :

<iframe src="動態(tài)替換這個屬性即可"></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('要獲取元素的選擇器');

Comme +0

Ajouter une réponse

巴扎黑2017-05-19 10:38:43 2 plancher

index est la page en cours de chargement

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

test est la page qui exécute load

<!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出來的頁面 更改內(nèi)容</span>" +
        "<span>哈哈哈</span>"
    )
})

</script>
</html>