前台主页面给子页面赋值(回调)

1、主页面

<html>
<body>
<script type="text/javascript">
    var _callback;
    function exec(callback) {
        _callback = callback;
        document.getElementById("txtResult").value = (new Date()).toLocaleString();
    }

    function subpage() {
        if (_callback) {
            try {
                _callback("我要给子页面赋值123");
            } catch (e) {
            }
        }
    }
</script>
<input type="button" value="打开窗口" onclick="window.open(‘children.htm‘)" />
<input type="button" value="回传" onclick="subpage()" />
<input type="text" id="txtResult" />
</body>
</html>

2、子页面

<html>
<body>
<script type="text/javascript">
    function toppage() {
        opener.exec(exec1);
    }

    function exec1(msg) {
        document.getElementById("txtResult").value = msg;
    }
</script>
<input type="button" value="主页面方法" onclick="toppage()" />
<input type="text" id="txtResult" />
</body>
</html>
时间: 2024-10-18 00:16:55

前台主页面给子页面赋值(回调)的相关文章

关于mui的主页面、子页面、页面跳转

mui的布局是模仿bootstrap的: <meta name=viewport> mui-row mui-col-xs/mui-col-sm(两种屏幕模式) mui要初始化:在<script>mui.init()</script> 为了适应手机屏幕,mui吧页面显示分为了主页面和子页面,就是把子页面引入到主页面,跳转的要根据页面做,如主页面下面的nav栏就可以在主页做,在中间子页面里的跳转就要在子页面做 mui预加载reload:这个意思是当页面跳转是出现的白屏处理,

javascript主页面获取子页面元素

功能:主页面获取子页面的form表单,并提交. $("#showAllDescription", document.frames("treeFrame").document).submit(); //showAllDescription为子页面元素的id //treeFrame为子页面ireame的nma javascript主页面获取子页面元素

[HTML]HTML框架IFrame下利用JS在主页面和子页面间传值

今天写的程序涉及到JS框架传值的问题,这些是我找到的一些资料 下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数 仅需 [ parent.window.你的函数 ] 就可以了 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["i

HTML框架IFrame结合JS在主页面和子页面间传值

下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数 仅需 [ parent.window.你的函数 ] 就可以了 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作 选中IFRAME中的所有输入框: (window.frames["iframeSon"].document).find(”

Hbuilder主页面控制子页面的方法

主页面的写法 (function($, doc) {                mui.init({                    swipeBack : false,                    subpages: [{                        id: 'addMemberContent',                        url: 'addMemberContent.html',                        styl

微信子页面关闭后刷新父页面

前段时间开发微信公众号时,需要用到从编辑页面点击保存后,跳转到列表页面后并刷新,网上找了好多 function f_close(){ if(typeof(WeixinJSBridge)!="undefined"){ //WeixinJSBridge.call('closeWindow'); history.go(-1); }else{ if (navigator.userAgent.indexOf("MSIE") > 0) { if (navigator.us

js父页面调用子页面数据时,子页面通过父页面传过来的参数回调父页面具体方法

今天写代码时发现同一页面多个地方需要调用同一个子页面,如果多个方法调用时,同一子页面回调父页面方法则会出问题,所以查了下资料,让这个功能通用化,根据具体方法回调具体父页面方法,顺便总结一下,希望以后可以有用,或许可以帮助需要帮助的人 这里使用 eval() 函数 定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 父页面调用子页面的路径(子页面的路径)如下 http://localhoust:8080/oss-portlet/html/util/area

主页面获取iframe 的子页面方法。

父页面parent.html <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say(); myFrame.window.document.getElementById("button").value="调

js之iframe子页面与父页面通信

iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信 父页面parent.html <html> <head> <scripttype="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say(); myFrame.wi