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":{

"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品牌