作者(zhe)：向(xiang)朔(shuo)1992，來自原(yuan)文地(di)址(zhi)

一：navigator 跳轉url傳遞參數

使用(yong)方(fang)法說明

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

(2)取(qu)值：options 是包含(han)url地址中(zhong)參(can)數的對象(xiang)，可以(yi)直接 點 獲取(qu)。

擴展

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

1. //www.google.co.jp/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=%E5%8D%8E%E4%BC%81&*

1. //獲取地址欄中的參數
2. function GetQueryString(name) {
3. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
4. var r = window.location.search.substr(1).match(reg);
5.  
6. if (r != null) {
7. return unescape(r[2]);
8. }
9. return null;
10. }
11.  
12. GetQueryString('sourceid')//chrome-instant

二(er)：bindtap等(deng)事件傳(chuan)參 ; 什么是事件

事件(jian)(jian)是視圖層(ceng)到(dao)邏(luo)輯層(ceng)的(de)(de)通(tong)訊(xun)方(fang)式。 事件(jian)(jian)可(ke)以(yi)將用戶的(de)(de)行為反饋到(dao)邏(luo)輯層(ceng)進行處(chu)理。  事件(jian)(jian)可(ke)以(yi)綁定在組件(jian)(jian)上(shang)，當達到(dao)觸發事件(jian)(jian)，就會執(zhi)行邏(luo)輯層(ceng)中對應的(de)(de)事件(jian)(jian)處(chu)理函數。  事件(jian)(jian)對象可(ke)以(yi)攜帶額外信(xin)息，如 id, dataset, touches。

看圖，因為需要傳遞(di)的(de)數據比較多，所以我(wo)們通過dataset攜帶參數信息。如果只有(you)一個參數，可以通過id來傳遞(di)。

詳解（以常(chang)見的(de)tap點擊事情為(wei)例）

wxml

1. <view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>

JS

1. Page({
2. tapName: function(event) {
3. console.log(event)
4. }
5. })

event 打印結果

1. {
2. "type":"tap",
3. "timeStamp":895,
4. /////////////////////////////////
5. "target": {
6. "id": "tapTest",
7. "dataset": {
8. "hi":"WeChat"
9. }
10. },
11. "currentTarget": {
12. "id": "tapTest",
13. "dataset": {
14. "hi":"WeChat"
15. }
16. },
17. ///////////////////////////////
18. "detail": {
19. "x":53,
20. "y":14
21. },
22. "touches":[{
23. "identifier":0,
24. "pageX":53,
25. "pageY":14,
26. "clientX":53,
27. "clientY":14
28. }],
29. "changedTouches":[{
30. "identifier":0,
31. "pageX":53,
32. "pageY":14,
33. "clientX":53,
34. "clientY":14
35. }]
36. }

注意兩點：

1、data-名稱 不(bu)(bu)能有大(da)寫字(zi)(zi)母(mu)，如果需要，可以(yi)(yi)通過 - （中(zhong)劃線）來(lai)連接(jie)單(dan)(dan)詞，編譯的時候(hou)小程(cheng)序會將第(di)二(er)個單(dan)(dan)詞首字(zi)(zi)母(mu)自動大(da)寫。圖中(zhong)代碼(ma)是為了(le)自己(ji)標(biao)志(zhi)，所以(yi)(yi)第(di)二(er)個單(dan)(dan)詞的首字(zi)(zi)母(mu)大(da)寫了(le)，其實可以(yi)(yi)不(bu)(bu)用。data-* 屬性(xing)中(zhong)不(bu)(bu)可以(yi)(yi)存放對(dui)象。

2、注意(yi)打印結果中(zhong)target和currentTarget的區(qu)別。

target 觸發(fa)事件(jian)的(de)源(yuan)組件(jian)。  currentTarget 事件(jian)綁定的(de)當前(qian)組件(jian)。

如果(guo)你(ni)在父(fu)容器(qi)(qi)上(shang)綁(bang)(bang)定了(le)事(shi)件(jian)(jian)(jian)(jian)并傳參(can)，當你(ni)點擊父(fu)容器(qi)(qi)時(shi)，事(shi)件(jian)(jian)(jian)(jian)綁(bang)(bang)定的(de)(de)組件(jian)(jian)(jian)(jian)和觸發事(shi)件(jian)(jian)(jian)(jian)的(de)(de)源組件(jian)(jian)(jian)(jian)是同一個(ge)元素，所(suo)以(yi)currentTarget 、target 都可(ke)以(yi)拿(na)(na)到(dao)參(can)數，但是當你(ni)點擊子元素時(shi)，target 就不是事(shi)件(jian)(jian)(jian)(jian)綁(bang)(bang)定的(de)(de)組件(jian)(jian)(jian)(jian)了(le)，所(suo)以(yi)拿(na)(na)不到(dao)參(can)數。&nbsp; 由于事(shi)件(jian)(jian)(jian)(jian)冒泡的(de)(de)機制，父(fu)容器(qi)(qi)上(shang)綁(bang)(bang)定的(de)(de)事(shi)件(jian)(jian)(jian)(jian)依(yi)(yi)然可(ke)以(yi)觸發，所(suo)以(yi)currentTarget 依(yi)(yi)然可(ke)以(yi)拿(na)(na)到(dao)參(can)數。

說明

id傳(chuan)參(can)和dataset類似(si)，只是最(zui)后獲取值的時(shi)候不(bu)同(tong)。event.currentTarget.id