web開(kāi)發(fā)中常用的js方法匯總

這篇文章主要講解了“web開(kāi)發(fā)中常用的js方法匯總”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“web開(kāi)發(fā)中常用的js方法匯總”吧！

1.網(wǎng)頁(yè)圖片集左右滑動(dòng)查看圖片，如下樣例：

js效果

代碼如下:

var pictures = [];
 angular.forEach(pitctures,function(k,i){
         pictures[i] = k.imgPath;
 });
 $scope.previewPics = function(currentUrl){
        if (typeof window.WeixinJSBridge != 'undefined') {
            //微信圖片集查看
            WeixinJSBridge.invoke('imagePreview', {
                'current':currentUrl, //當(dāng)前地址
                'urls':pictures //組
            });
        } else {
            alert( "請(qǐng)?jiān)谖⑿胖胁榭?quot;, null, function () {});
        }
    }

頁(yè)面元素：

代碼如下:

　　<p class="infoPics">
           <p class="picImg" ng-repeat="picture in info.infoContent.pitctures">
                <img ng-src="{{picture.imgPath}}" ng-click="previewPics(picture.imgPath)">
           </p>
     </p>

2.微信窗口關(guān)閉事件，實(shí)例如下：

代碼如下:

 WeixinJSBridge.invoke('closeWindow',{},function(res){
       //alert(res.err_msg);
 });

3.分享網(wǎng)頁(yè)鏈接至朋友、朋友圈、微博

代碼如下:

var lineLink = 'http://../..',
　　imgUrl = 'http://../..',
　　shareTitle = '頁(yè)面標(biāo)題',
　　descContent='內(nèi)容簡(jiǎn)介',
　　appid = '';
//判斷是否支持微信js
 if(typeof WeixinJsBridge == 'undefined'){
　　if(document.addEventListener){
　　　　document.addEventListener('WeixinJsBridgeReady',onBridgeReady,false);
　　}else if(document.attachEvent){
　　　　document.attachEvent('WeixinJsBridgeReady',onBridgeReady);
　　　　document.attachEvent('onWeixinJsBridgeReady',onBridgeReady);
　　}
 }else{
　　onBridgeReady();
 }
function onBridgeReady (){
　　WeixinJsBridgeReady.on('menu:share:appmessage',wx_shareFriend);//分享朋友
　　WeixinJsBridgeReady.on('menu:share:timeline',wx_shareTimeline);//分享到朋友圈
　　WeixinJsBridgeReady.on('menu:share:weibo',wx_shareWeibo);//分享朋友
}
function wx_shareFriend (){
　　WeixinJsBridge.invoke('sendAppMessage',{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":'640',
　　　　"img_height":'500',
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(res){
　　　　　　console.log(res.err_msg);
　　　　}
　　});
}
function wx_shareTimeline (){
　　WeixinJsBridge.invoke('sendTimeline',{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":'640',
　　　　"img_height":'500',
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(res){
　　　　　　console.log(res.err_msg);
　　　　}
　　})
}　　
function wx_shareWeibo (){
　　WeixinJsBridge.invoke('sendWeibo',{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":'640',
　　　　"img_height":'500',
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(res){
　　　　　　console.log(res.err_msg);
　　　　}
　　})
}

4.隱藏網(wǎng)頁(yè)右上角按鈕

代碼如下:

　WeixinJsBridge.call('hideOptionMenu');　

5.隱藏網(wǎng)頁(yè)底部導(dǎo)航欄

代碼如下:

　WeixinJsBridge.call('hideToolbar');

6.獲取當(dāng)前網(wǎng)絡(luò)連接類型：

代碼如下:

　WeixinJsBridge.invoke('getNetworkType',{},function(e){
　　　　console.log(e.err_msg);
　})

7.禁止用戶分享

代碼如下:

　　WeixinJsBridge.invoke('disabledShare',{},function(e){
　　})

8.判斷是否在微信內(nèi)置瀏覽器中打開(kāi)

代碼如下:

　　// true or false
　　var flag = WeixinApi.openInWeixin();

感謝各位的閱讀，以上就是“web開(kāi)發(fā)中常用的js方法匯總”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)web開(kāi)發(fā)中常用的js方法匯總這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！