国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

[MUI] mui框架實現(xiàn)頁面間傳值

劉永祥 / 459人閱讀

摘要:參考通過本地儲存特性檢測參考利用傳參在頁面跳轉(zhuǎn)的時候通過設(shè)置添加參數(shù),在接收參數(shù)的頁面通過獲取參數(shù)字符串。發(fā)送參數(shù)的頁面接收參數(shù)的頁面獲取中的參數(shù)獲取中的參數(shù)其他參考資料頁面?zhèn)鲄⒔K極版青峰專欄博客頻道本文地址

1 : 通過MUI封裝的openWindow 方法:
mui.openWindow({
    url:new-page-url,
    id:new-page-id,
    styles:{
      top:newpage-top-position,//新頁面頂部位置
      bottom:newage-bottom-position,//新頁面底部位置
      width:newpage-width,//新頁面寬度,默認為100%
      height:newpage-height,//新頁面高度,默認為100%
      ......
    },
    extras:{
      .....//自定義擴展參數(shù),可以用來處理頁面間傳值
    },
    createNew:false,//是否重復(fù)創(chuàng)建同樣id的webview,默認為false:不重復(fù)創(chuàng)建,直接顯示
    show:{
      autoShow:true,//頁面loaded事件發(fā)生后自動顯示,默認為true
      aniShow:animationType,//頁面顯示動畫,默認為”slide-in-right“;
      duration:animationTime,//頁面動畫持續(xù)時間,Android平臺默認100毫秒,iOS平臺默認200毫秒;
      event:"titleUpdate",//頁面顯示時機,默認為titleUpdate事件時顯示
      extras:{}//窗口動畫是否使用圖片加速
    },
    waiting:{
      autoShow:true,//自動顯示等待框,默認為true
      title:"正在加載...",//等待對話框上顯示的提示內(nèi)容
      options:{
        width:waiting-dialog-widht,//等待框背景區(qū)域?qū)挾龋J根據(jù)內(nèi)容自動計算合適寬度
        height:waiting-dialog-height,//等待框背景區(qū)域高度,默認根據(jù)內(nèi)容自動計算合適高度
        ......
      }
    }
})

其中:

extras : 新窗口的額外擴展參數(shù),可用來處理頁面間傳值;例如:

舊頁面設(shè)置:
var webview = mui.openWindow({
    url:"info.html",
    extras:{
        name:"mui"  //擴展參數(shù)
    }
});

新頁面:
mui.plusReady(function () {
   var self = plus.webview.currentWebview();
   // 或 var self = plus.webview.getWebviewById("new");
   console.log("extras:" + self.targetId);
})

可能的: 
console.log(webview.name);//輸出mui字符串 

注意:擴展參數(shù)僅在打開新窗口時有效,若目標窗口為預(yù)加載頁面,則通過mui.openWindow方法打開時傳遞的extras參數(shù)無效。

參考: http://laopo.cnblogs.com/p/50...

2 : 通過HTML5本地儲存: localStorage、sessionStorage

特性檢測:

    if(window.sessionStorage){
        // OK
    }else{
        // FAIL
    }

參考: http://www.cnblogs.com/firstF...

3 : 利用URL傳參

在頁面跳轉(zhuǎn)的時候通過設(shè)置window.location.href添加參數(shù),在接收參數(shù)的頁面通過window.location.search獲取參數(shù)字符串。

發(fā)送參數(shù)的頁面:

window.location.href = "new.html?targetId=123"

接收參數(shù)的頁面:

// 獲取url中的參數(shù)
function getUrlParam (name) {
     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if (r!= null) {
        return unescape(r[2]);
     }else{
        return null;
     }
}    
//獲取url中的targetId參數(shù)
var targetId = getUrlParam("targetId");
console.log(targetId);
4 : 其他參考資料:

MUI:頁面?zhèn)鲄⒔K極版 - 青峰專欄 - 博客頻道 - CSDN.NET http://blog.csdn.net/kepoon/a...

本文地址: https://segmentfault.com/a/11...

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/111983.html

相關(guān)文章

  • [MUI] mui框架實現(xiàn)頁面傳值

    摘要:參考通過本地儲存特性檢測參考利用傳參在頁面跳轉(zhuǎn)的時候通過設(shè)置添加參數(shù),在接收參數(shù)的頁面通過獲取參數(shù)字符串。發(fā)送參數(shù)的頁面接收參數(shù)的頁面獲取中的參數(shù)獲取中的參數(shù)其他參考資料頁面?zhèn)鲄⒔K極版青峰專欄博客頻道本文地址 1 : 通過MUI封裝的openWindow 方法: mui.openWindow({ url:new-page-url, id:new-page-id, ...

    The question 評論0 收藏0
  • [MUI] mui框架實現(xiàn)頁面傳值

    摘要:參考通過本地儲存特性檢測參考利用傳參在頁面跳轉(zhuǎn)的時候通過設(shè)置添加參數(shù),在接收參數(shù)的頁面通過獲取參數(shù)字符串。發(fā)送參數(shù)的頁面接收參數(shù)的頁面獲取中的參數(shù)獲取中的參數(shù)其他參考資料頁面?zhèn)鲄⒔K極版青峰專欄博客頻道本文地址 1 : 通過MUI封裝的openWindow 方法: mui.openWindow({ url:new-page-url, id:new-page-id, ...

    galois 評論0 收藏0
  • MUI框架開發(fā)HTML5手機APP(二)--頁面跳轉(zhuǎn)傳值&底部選項卡切換

    摘要:三底部選項卡切換頁面底部選項卡的切換,可以說是的標志之一。兩種模式的顯示效果差不多,如下圖可見兩種模式的區(qū)別顧名思義,模式是將所有子頁面的內(nèi)容,分別放置到主頁不同的中,當(dāng)我們點擊主頁的不同選項卡時,切換不同的顯示。 概 述 JRedu   在上一篇博客中,我們學(xué)習(xí)了如何使用Hbuilder創(chuàng)建一個APP,同時如何使用MUI搭建屬于自己的第一款A(yù)PP,沒有學(xué)習(xí)的同學(xué)可以戳鏈接學(xué)習(xí): http...

    番茄西紅柿 評論0 收藏0
  • 記微信網(wǎng)頁開發(fā)單頁面返回不刷新的實現(xiàn)

    摘要:使用語法與要跳轉(zhuǎn)到的對應(yīng)的狀態(tài)信息。頁面名字,方便調(diào)試。要跳轉(zhuǎn)到的地址,不能跨域,對于單頁應(yīng)用來說沒用,傳空即可。 需求 在微信網(wǎng)頁開發(fā)中,點擊返回按鈕不刷新頁面,進行頁面切換,且實現(xiàn)傳值功能. 問題由來 在做微信網(wǎng)頁開發(fā)時,由于微信的左上角返回按鈕會返回上一個頁面并且刷新,無法做成打開頁面選擇內(nèi)容后關(guān)閉當(dāng)前頁面,并且給前一個頁面?zhèn)髦档墓δ? 實現(xiàn)方法 想實現(xiàn)此功能一開始想到的是不進行...

    cuieney 評論0 收藏0
  • MUI使用總結(jié)

    摘要:預(yù)加載自定義事件第三方擴展插件涉及的,除了,其它所有手機瀏覽器及瀏覽器均無法使用,目前主要包括語音輸入事件相關(guān)注意瀏覽器沒有事件事件相關(guān)的,手機端瀏覽器均可使用端模擬手機瀏覽器也可以正常使用。 最近項目中需要使用MUI做一個視頻播放的小功能。我就花時間研究了一下MUI。 MUI是一個使用JavaScript開發(fā)Android和IOS應(yīng)用的前端框架。這篇文章將以知識樹的形式對MUI的使用...

    elliott_hu 評論0 收藏0

發(fā)表評論

0條評論

劉永祥

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<