欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序跳轉(zhuǎn)到其他網(wǎng)頁(yè)(外部鏈接)的實(shí)現(xiàn)方法

 更新時(shí)間:2019年09月20日 14:12:45   作者:棋鬼王  
這篇文章主要介紹了微信小程序跳轉(zhuǎn)到其他網(wǎng)頁(yè)(外部鏈接)的實(shí)現(xiàn)方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

個(gè)人類(lèi)型和海外類(lèi)型的小程序不支持 web-view 標(biāo)簽  也就是說(shuō)個(gè)人申請(qǐng)的小程序,就別想跳轉(zhuǎn)了!!??!

1.開(kāi)發(fā)的時(shí)候,我們難免碰到要跳轉(zhuǎn)到其他網(wǎng)頁(yè)中去那該怎么實(shí)現(xiàn)呢?

2.例如我想點(diǎn)擊一個(gè)按鈕,跳轉(zhuǎn)到百度(百度的網(wǎng)頁(yè)還是在小程序中打開(kāi)) 

3.wxml

1. index.wxml   (按鈕頁(yè)面)

<view class='wrapper'>
 <button class='wepay' bindtap='goBaidu'>點(diǎn)擊跳轉(zhuǎn)</button>
 </view>

2.out.wxml  (百度頁(yè)面),

<web-view src="https://www.baidu.com/"></web-view>
//放心你沒(méi)有看錯(cuò)就這么一行就行了
//把你要跳轉(zhuǎn)的界面用src 就可以了,以后要跳轉(zhuǎn)到哪,src里面地址就寫(xiě)哪!

3.別忘了,要在app.json中配置一下路由,

"pages":[
 "pages/a/a",
 "pages/b/b"
 ],

電腦上是可以跳轉(zhuǎn)的,體驗(yàn)版的話,在手機(jī)上是不好使的,除非你已經(jīng)在小程序后臺(tái)完成了配置域名,但是!?。?!

注意!!這是頂級(jí)注釋:請(qǐng)看第四條

4.需要配置業(yè)務(wù)域名并上傳驗(yàn)證文件:

4.1校驗(yàn)文件需要放在你要跳轉(zhuǎn)到的網(wǎng)站的根目錄下面才可以?。?!也就是說(shuō)你想跳轉(zhuǎn)到別人網(wǎng)站網(wǎng)頁(yè)里面 需要得到別人的同意??!

那比如這個(gè)跳轉(zhuǎn)到www.baidu.com 就是行不通的了,只能是自己在開(kāi)發(fā)的時(shí)候玩玩(在開(kāi)發(fā)者工具中點(diǎn)設(shè)置-項(xiàng)目設(shè)置-在不校驗(yàn)合法域名、web-view(業(yè)務(wù)域名)、TLS 版本以及 HTTPS 證書(shū) 前面打上對(duì)勾),在正式發(fā)布時(shí)候肯定是行不通的?。?!

4.2那你想跳轉(zhuǎn)到自己的網(wǎng)站中就需要配置域名、下載校驗(yàn)文件了!!再次強(qiáng)調(diào) 個(gè)人類(lèi)型與海外類(lèi)型的小程序暫不支持使用web-view

進(jìn)入到小程序后臺(tái) https://developers.weixin.qq.com   設(shè)置-開(kāi)發(fā)設(shè)置 -業(yè)務(wù)域名

4.3web-view 的 src可以是可打開(kāi)關(guān)聯(lián)的公眾號(hào)的文章地址! (打開(kāi)公眾號(hào)這塊也是個(gè)坑)

5.index.js

goBaidu:function(){
 wx.navigateTo({
  url:'../out/out', //
  success:function() {
 
  },  //成功后的回調(diào);
  fail:function() { },   //失敗后的回調(diào);
  complete:function() { }  //結(jié)束后的回調(diào)(成功,失敗都會(huì)執(zhí)行)
 })

6.效果圖

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • JavaScript版TAB選項(xiàng)卡效果實(shí)例

    JavaScript版TAB選項(xiàng)卡效果實(shí)例

    tab選項(xiàng)卡效果就是當(dāng)我指上或經(jīng)過(guò)時(shí)就會(huì)顯示這個(gè)選項(xiàng)卡下面的內(nèi)容,下面我來(lái)給大家介紹一款純js實(shí)現(xiàn)的TAB選項(xiàng)卡效果,有需要的朋友可以參考一下
    2013-08-08
  • javascript中的offsetWidth、clientWidth、innerWidth及相關(guān)屬性方法

    javascript中的offsetWidth、clientWidth、innerWidth及相關(guān)屬性方法

    這篇文章主要介紹了javascript中的offsetWidth、clientWidth、innerWidth及相關(guān)屬性方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-05-05
  • js實(shí)現(xiàn)頭像上傳并且可預(yù)覽提交

    js實(shí)現(xiàn)頭像上傳并且可預(yù)覽提交

    這篇文章主要介紹了js如何實(shí)現(xiàn)頭像上傳并且可預(yù)覽提交,幫助大家更好的理解和使用js,感興趣的朋友可以了解下
    2020-12-12
  • Javascript閉包演示代碼小結(jié)

    Javascript閉包演示代碼小結(jié)

    有個(gè)網(wǎng)友問(wèn)了個(gè)問(wèn)題,如下的html,為什么點(diǎn)擊所有的段落p輸出都是5,而不是alert出對(duì)應(yīng)的0,1,2,3,4。
    2011-03-03
  • JS實(shí)現(xiàn)點(diǎn)擊顏色塊切換指定區(qū)域背景顏色的方法

    JS實(shí)現(xiàn)點(diǎn)擊顏色塊切換指定區(qū)域背景顏色的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊顏色塊切換指定區(qū)域背景顏色的方法,涉及javascript操作cookie及背景色的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-02-02
  • 小程序點(diǎn)贊收藏功能的實(shí)現(xiàn)代碼示例

    小程序點(diǎn)贊收藏功能的實(shí)現(xiàn)代碼示例

    這篇文章主要介紹了小程序點(diǎn)贊收藏功能的實(shí)現(xiàn)代碼示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-09-09
  • Bootstrap的圖片輪播示例代碼

    Bootstrap的圖片輪播示例代碼

    Bootstrap 是一個(gè)用于快速開(kāi)發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。本文給大家分享Bootstrap的圖片輪播示例代碼,小伙伴們快來(lái)圍觀吧。
    2015-08-08
  • javascript實(shí)現(xiàn)確定和取消提示框效果

    javascript實(shí)現(xiàn)確定和取消提示框效果

    這篇文章主要介紹了javascript實(shí)現(xiàn)確定和取消提示框效果的方法以及示例代碼分享,有需要的小伙伴可以參考下。
    2015-07-07
  • JS觸摸事件、手勢(shì)事件詳解

    JS觸摸事件、手勢(shì)事件詳解

    本篇文章主要介紹了JS觸摸事件、手勢(shì)事件詳解,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-05-05
  • JavaScript控制網(wǎng)頁(yè)層收起和展開(kāi)效果的方法

    JavaScript控制網(wǎng)頁(yè)層收起和展開(kāi)效果的方法

    這篇文章主要介紹了JavaScript控制網(wǎng)頁(yè)層收起和展開(kāi)效果的方法,涉及javascript操作網(wǎng)頁(yè)元素動(dòng)態(tài)效果的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-04-04

最新評(píng)論