微信小程序教程（第八篇）

window.__nonce_str = "547675559" if (location.href.indexOf("safe=0") == -1 && window.__nonce_str) { window.__moonsafe_csp_offset || (window.__moonsafe_csp_offset = 18); document.write(''); } window.logs = { pagetime: {} }; window.logs.pagetime['html_begin'] = (+new Date()); var biz = "MzI5NTE2MzgxMA=="||""; var sn = "29138cc6f98463fccbb37f4bc7a0cb12" || ""|| ""; var mid = "2655649935" || ""|| ""; var idx = "1" || "" || ""; window.__allowLoadResFromMp = true; var page_begintime=+new Date,is_rumor="",norumor=""; 1*is_rumor&&!(1*norumor)&&biz&&mid&&(document.referrer&&-1!=document.referrer.indexOf("mp.weixin.qq.com/mp/rumor")||(location.href="http://mp.weixin.qq.com/mp/rumor?action=info&__biz="+biz+"&mid="+mid+"&idx="+idx+"&sn="+sn+"#wechat_redirect")), document.domain="qq.com"; var MutationObserver=window.WebKitMutationObserver||window.MutationObserver||window.MozMutationObserver,isDangerSrc=function(t){ if(t){ var e=t.match(/http(?:s)?:\/\/([^\/]+?)(\/|$)/); if(e&&!/qq\.com(\:8080)?$/.test(e[1])&&!/weishi\.com$/.test(e[1]))return!0; } return!1; },ishttp=0==location.href.indexOf("http://"); -1==location.href.indexOf("safe=0")&&ishttp&&"function"==typeof MutationObserver&&"mp.weixin.qq.com"==location.host&&(window.__observer_data={ count:0, exec_time:0, list:[] },window.__observer=new MutationObserver(function(t){ window.__observer_data.count++; var e=new Date,r=[]; t.forEach(function(t){ for(var e=t.addedNodes,o=0;o", "<", "<", "&", "&", "¥", "¥"]; if (encode) { replace.reverse(); } for (var i=0,str=this;i< replace.length;i+= 2) { str=str.replace(new RegExp(replace[i],'g'),replace[i+1]); } return str; }; window.isInWeixinApp = function() { return /MicroMessenger/.test(navigator.userAgent); }; window.getQueryFromURL = function(url) { url = url || 'http://qq.com/s?a=b#rd'; var tmp = url.split('?'), query = (tmp[1] || "").split('#')[0].split('&'), params = {}; for (var i=0; i

微信小程序教程（第八篇）

2017-01-16 Mr.Wu 宏记 宏记

宏记

微信号 hongji8410

功能介绍 分享互联网信息

js页面获取wxml页面的值

两种方式

1.通过对wxml页面设置以data-开头的属性标识符，在对应的事件的参数中获取

2.通过触发事件中的参数，获取参数值，存储到页面变量，这种是针对于可输入框组件，如input等

3.通过form表单组件提交获取（详情见 "关于form组件提交数据"）

1.以data-开关的属性标识符，wxml页面设置data-xxxx，后台js页面在对应事件中以e.target.dataset-xxxx获取

wxml页面：

js后台 (通常也是存储在页面变量中，以方便别的地方调用)：

2.触发相应事件的参数获取，只针对可输入框组件，如input

wxml页面：

JS页面(存储在页面变量中，以便别的地方可使用)：

定义：

存储：

使用：

3.form表单组件提交

   详情请见 “关于form组件提交数据”

欢迎关注公众号（hongji8410）和加入QQ群一起交流（522342554）

var first_sceen__time = (+new Date()); if ("" == 1 && document.getElementById('js_content')) document.getElementById('js_content').addEventListener("selectstart",function(e){ e.preventDefault(); }); (function(){ if (navigator.userAgent.indexOf("WindowsWechat") != -1){ var link = document.createElement('link'); var head = document.getElementsByTagName('head')[0]; link.rel = 'stylesheet'; link.type = 'text/css'; link.href = "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/page/appmsg/page_mp_article_improve_winwx31619e.css"; head.appendChild(link); } })();

阅读

投诉

微信扫一扫
关注该公众号

var __DEBUGINFO = { debug_js : "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/debug/console2ca724.js", safe_js : "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/safe/moonsafe2f3e84.js", res_list: [] }; (function() { function _addVConsole(uri) { var url = '//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/' + uri; document.write('