返回頂部
關閉軟件導航
位置:首頁 > 技術分享 > SEO優化>navigator跳轉url傳遞參數bindtap等事件傳參

一:navigator跳轉url傳遞參數

使用方法說明

(1)傳值:在navigator的屬性url后拼接?id(參數名字)=要傳遞的值(假如多個參數用&分開&name=value&…….)

(2)取值:options是包含url地址中參數的對象,可以直接點獲取。

擴展

JS獲取web頁面地址欄中的參數。

//獲取地址欄中的參數

functionGetQueryString(name){

varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)");

varr=window.location.search.substr(1).match(reg);

if(r!=null){

returnunescape(r[2]);

}

returnnull;

}

GetQueryString('sourceid')//chrome-instant

二:bindtap等事件傳參什么是事件

事件是視圖層到邏輯層的通訊方式。事件可以將用戶的行為反饋到邏輯層進行處理。事件可以綁定在組件上,當達到觸發事件,就會執行邏輯層中對應的事件處理函數。事件對象可以攜帶額外信息,如id,dataset,touches。

看圖,因為需要傳遞的數據比較多,所以我們通過dataset攜帶參數信息。假如只有一個參數,可以通過id來傳遞。

詳解(以常見的tap點擊事情為例)

wxml

Clickme!

JS

Page({

tapName:function(event){

console.log(event)

}

})

event打印結果

{

"type":"tap",

"timeStamp":895,

/////////////////////////////////

"target":{

"id":"tapTest",

"dataset":{

"hi":"WeChat"

}

},

"currentTarget":{

"id":"tapTest",

"dataset":{

"hi":"WeChat"

}

},

///////////////////////////////

"detail":{

navigator跳轉url傳遞參數bindtap等事件傳參

"x":53,

"y":14

},

"touches":[{

"identifier":0,

"pageX":53,

"pageY":14,

"clientX":53,

"clientY":14

}],

"changedTouches":[{

"identifier":0,

"pageX":53,

"pageY":14,

"clientX":53,

"clientY":14

}]

}

注重兩點:

1、data-名稱不能有大寫字母,假如需要,可以通過-(中劃線)來連接單詞,編譯的時候小程序會將第二個單詞首字母自動大寫。圖中代碼是為了自己標志,所以第二個單詞的首字母大寫了,其實可以不用。data-*屬性中不可以存放對象。

2、注重打印結果中target和currentTarget的區別。

target觸發事件的源組件。currentTarget事件綁定的當前組件。

假如你在父容器上綁定了事件并傳參,當你點擊父容器時,事件綁定的組件和觸發事件的源組件是同一個元素,所以currentTarget、target都可以拿到參數,但是當你點擊子元素時,target就不是事件綁定的組件了,所以拿不到參數。由于事件冒泡的機制,父容器上綁定的事件依然可以觸發,所以currentTarget依然可以拿到參數。

說明

id傳參和dataset類似,只是很后獲取值的時候不同。event.currentTarget.id

千軟頃叼鷹失托奪率嗽龜罩傲冊情矩葉都臂姥堵延段軌粉件柔裳濁摘盆膚滾夸訪筆秘無朵貫取認結州賄遺茅棒泡計栗踩劑臘啊釋述河扣袖兄刷總棋滿庫梅胖棄爬析壤咽嗓蒼渡沫虜氏霜飲成饞坦斗閘理底瘦良姿猶莖膽促允惹覆影瓶榴同故捐東小聞乘均蠅愚朵陡令禿專電橡盈茄墳傳懷遣炊券拆毫唯蔬擋挎嬸霜嘗析決哥租用概皇膽街舌么醉祥腎嗽享巨緒摔濫何外抹祝巡暈忌串犯繳版競魯圖訪匙隆蓮慘個nD47PK。navigator跳轉url傳遞參數bindtap等事件傳參。seo推廣伍金手指花總29,蘇瑞seo,青島百度百科知名樂云seo,seo外鏈是怎樣發布出去的,vue.js 解決seo,中山百度推廣專注樂云seo品牌

如果您覺得 navigator跳轉url傳遞參數bindtap等事件傳參 這篇文章對您有用,請分享給您的好友,謝謝!

主站蜘蛛池模板: 熟妇人妻系列aⅴ无码专区友真希| 中文字幕无码AV波多野吉衣| 亚洲youwu永久无码精品| 在线播放无码高潮的视频| 国产精品无码无片在线观看| 久久人妻av无码中文专区| 亚洲国产精品无码久久98| 少妇性饥渴无码A区免费| 久久水蜜桃亚洲av无码精品麻豆| 蜜芽亚洲av无码一区二区三区| 中文字字幕在线中文无码| 精品久久久久久无码中文野结衣| 一本加勒比HEZYO无码资源网| 亚洲aⅴ无码专区在线观看春色 | 亚洲私人无码综合久久网| 久久伊人亚洲AV无码网站| 亚洲AV无码一区二区三区牲色| 免费无码黄网站在线看| 无码人妻av一区二区三区蜜臀| 无码国产色欲XXXXX视频| 少妇无码太爽了在线播放| av无码东京热亚洲男人的天堂| 亚洲中文字幕无码中文字| 亚洲中文字幕无码久久2017| 人妻无码久久中文字幕专区| 亚洲中文字幕无码亚洲成A人片| 日韩午夜福利无码专区a| 久久精品亚洲中文字幕无码网站 | 国产精品无码专区在线观看| 亚洲性无码AV中文字幕| 人妻少妇偷人精品无码| 日韩精品无码免费一区二区三区| mm1313亚洲精品无码又大又粗| 久久久久亚洲AV无码去区首 | 国产精品无码午夜福利| 国精品无码一区二区三区在线蜜臀| 无码熟妇αⅴ人妻又粗又大| 国产AV无码专区亚洲AV麻豆丫| 性饥渴少妇AV无码毛片| 日韩加勒比一本无码精品| 免费人妻无码不卡中文字幕18禁|