iframe 同域下父子页面的通信

时间:2022-05-04
本文章向大家介绍iframe 同域下父子页面的通信，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
//共同引用的JS文件 common.js
; (function (window, $) {
    $(function ($) {

        window.trip = window.trip || {};
        window.trip.name== window.trip.name || {}; 

})(window, $);
//父页面


$(function(){
      window.trip.name = $(this).find(".j-item-name"); //缓存一个控件
});

//html代码
<div>
<input type="text" class=" j-item-name name" placeholder="姓名" >
<div>
//子页面 iframe弹出的页面
//直接赋值
parent.trip.name.val(“ceshi”)

随机文章
本站知识点必读
最近更新