整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

小程序,跳转页面的两种方式及其页面传参数

小程序,跳转页面的两种方式及其页面传参数


:navigator方式:

  1. 页面跳转不传参:

要想通过 navigator 实现页面跳转我们要用到url属性。

open-type属性可用值(直接上官网截图):

注意点:不能带页面后缀文件“.wxml”,带了后不能跳转。

错的方式:

<navigator url="/pages/fgclass/meateclass/meateclass.wxml">热门推荐页面跳到肉类页</navigator>

对的方式:

<navigator url="/pages/fgclass/meateclass/meateclass">热门推荐页面跳转</navigator>

2.页面跳转传参:

<navigator url="/pages/fgclass/meateclass/meateclass?param=longdb">热门推荐页面跳转传参数

</navigator>

被跳到的页面接收参数:

只要我们在url中定义了param参数,在被跳转页面里就能在 onload周期函数的参数options里拿到。


取出参数值

二:API方式(官网:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html):

Api跳转方法列表:

wx.navigateTo()保留当前??,跳转到应?内的某个??。但是不能跳到 tabbar ??

wx.switchTap()跳转到 tabBar ??,并关闭其他所有? tabBar ??

wx.reLaunch()关闭所有??,打开到应?内的某个??

wx.redirectTo()关闭当前??,跳转到应?内的某个??。但是不允许跳转到 tabbar ??

wx.navigateBack()关闭当前??,返回上???或多级??

官网截图

1.API跳转页面不带参数:

/** api跳转**/

bindNavigateto:function(){

url: '/pages/fgclass/meateclass/meateclass',

})

},

2:API跳转页面带参数:

/** api跳转**/

bindNavigateto:function(){

wx.navigateTo({

//url: '/pages/fgclass/meateclass/meateclass.wxml',

url: '/pages/fgclass/meateclass/meateclass?param=apijump',

})

},

在meateclass.js里这样接收参数:

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

console.log(options);

this.setData({

meateparater:options.param,

})

},

注意点:不能带页面后缀文件“.wxml”,带了后不能跳转。

总结:

以上就是小程序的两种跳转方式,是不是很简单?另外的几个跳转api就不写啦。

谢谢浏览,谢谢点赞和评论,觉得对你有用的就关注下呗,我也会关注你的。

我是只说代码的大饼。

前言


在以下几种情况下,需要能够在网页内快速定位跳转:

  • 如果网页实在是太长了,后面和前面的叙述需要相互引用,实现网页内跳转可以便于阅读和查看。
  • 如果通过链接跳转到另外的长网页,也希望能够快速定位到相关内容,则需要提供在链接网页中跳转的方式。

JohnTsai在他的博文 MarkDown技巧:实现网页内跳转[1] 中给出了两种使用MARKDOWN编辑器来获得网页内的跳转方式。下面基于他介绍的方法,来给出网页内跳转实现方法。

01网页内跳转


1.基本HTML标签实现方式

这个方式是由John Tsai给出的,分成两步:

  1. 定义一个锚(id): <span id="jump">跳转到的地方</span>
  2. 使用markdown语法: **点击跳转**[](#jump "点击跳转")

2.使用csdnnote命令

方法1: 选中CSDN markdown编辑器的一段文字,然后在使用csdnnote命令,输入: #: 直接将选中的文字转换成HTML的跳转语句,并将锚(空锚)放置在剪切板上,在后面粘贴到需要跳转的地方。 #* :将选中的问题转换成加粗跳转语句,其它的与前面相同。

方法2: 不选中任何CSDN markdown中的问题,直接运行输入: #提示文字:将提示文字转换成HTML跳转语句,并粘贴在CSDN当前位置,生成锚拷贝到剪切板,以备后面粘贴到合适的地方。 #*提示文字:与前面相同,只是将提示文字加粗

如果前面的提示文字是空,则只在当前位置粘贴

###锚字符: 在当前位置粘贴,文字是锚文字.

02转移到另外网页内的跳转


实现跳转到另外网页内的特点位置,只是在传统的MARKDOWN的链接格式中,在URL字符串后面增加:#锚文字,即可。 比如下面示例中的情况。(可以点击右侧字符测试一下: 跳转到另外网页内部锚位置[2]

  • ounter(line
 **跳转到另外网页内部锚位置**<sup>[3]</sup> 

※ 小结


采用MARKDOWN编辑文档内部,利用HTML锚标示设定的方式,可以实现网页内,网页外的锚点之间的跳转。这就大大方便对于网页内容引用的精确性。

对于其它网页的应用,必须知道其它网页内的锚的位置。如果其它网页是由你自己MARKDOWN编辑的,这个位置是已知的。但对于别人的网页如何定义出其中的的标示,则还需要进一步的探究和实验。

使用PYTHON命令中的csdnnote可以大大提高设定锚和跳转的操作。

对于csdnnote其它功能,比如如何在MARKDOWN内部设定 注释 , 注解 。请参照以下csdnnote的源程序来使用。

*[注释]: 注释是直接使用鼠标弹出对应的届时文字 *[注解]: 注解是在文章之后给出的解释文字

参考资料

[1]

MarkDown技巧:实现网页内跳转: https://www.cnblogs.com/JohnTsai/p/4027229.html#jump

[2]

跳转到另外网页内部锚位置: https://zhuoqing.blog.csdn.net/article/details/107294049#1234

、跳转语句

在循环控制语句中,当满足指定条件时,退出循环或者是退出当前循环的语句

1.break

格式:break;

跳出并终止循环,如果后面有代码,则继续往下执行

输出结果为0,1,2;当i==3时,break跳出语句

2.continue

格式:continue;

跳出并终止当前的循环,如果下个值仍满足循环条件,则继续循环

注:如果有合适的语句最好代替continue

输出结果为0,1,2,4;当j==3时,continue跳出本次循环,j==4,继续输出。

二、标签语句

用来退出多层循环

格式:

标签名:语句;

注意:标签名只可以作用于break 或continue

输出结果为

当i==0;输出“第一层循环0”换行

开始第二层循环,输出‘第二层循环0第二层循环1第二层循环2第二层循环3’break,直接跳出到out,结束循环

三、with---不建议使用

with(document){

write("1");

write("2");

write("3");

}