js监听返回事件,返回直接关闭窗口事件(微信网页返回关闭)

$(function(){
    pushHistory();
    window.addEventListener("popstate", function(e) {
        //alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能
        //alert('guanbi');
        WeixinJSBridge.call('closeWindow');
        if(typeof(WeixinJSBridge)!="undefined"){
                WeixinJSBridge.call('closeWindow');
            }else{
                if (navigator.userAgent.indexOf("MSIE") > 0) {  
                    if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {  
                        window.opener = null; window.close();  
                    }  
                    else {  
                        window.open('', '_top'); window.top.close();  
                    }  
                }  
                else if (navigator.userAgent.indexOf("Firefox") > 0) {  
                    window.location.href = 'about:blank ';  
                    //window.history.go(-2);  
                }  
                else {  
                    window.opener = null;   
                    window.open('', '_self', '');  
                    window.close();  
                }
            }
    }, false);
    window.onbeforeunload = function() {
            return;
        } 
    function pushHistory() {
        var state = {
            title: "title",
            url: ""
        };
        window.history.pushState(state, "title", "");
    }
});

 

转载于:https://www.cnblogs.com/zhang-2052975439/p/8085072.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 要使用JS代码编写微信授权,您需要执行以下步骤: 1. 首先,您需要在微信开放平台上创建一个应用程序,并获取应用程序的AppID和AppSecret。这些信息将用于通过OAuth2进行授权。 2. 接下来,在您的网站上添加一个“登录”按钮,当用户单击该按钮时,将调用微信授权API并打开微信授权页面。 3. 当用户在微信授权页面上输入其微信凭据并授权您的应用程序时,您将收到一个授权码。 4. 使用这个授权码,您可以调用微信API来获取用户的基本信息,例如其昵称和头像等。 下面是一个简单的JS代码示例,用于通过微信授权API实现用户授权和获取用户信息: ```javascript // 创建一个微信登录按钮 var loginButton = document.createElement('button'); loginButton.innerHTML = '登录'; // 将按钮添加到页面上 document.body.appendChild(loginButton); // 当用户单击按钮时调用微信授权API loginButton.addEventListener('click', function() { // 调用微信授权API window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=YOUR_APPID&redirect_uri=YOUR_REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect'; }); // 获取URL参数值的函数 function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(/[\[\]]/g, '\\$&'); var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } // 在页面加载时获取授权码并获取用户信息 window.addEventListener('load', function() { // 获取授权码 var code = getParameterByName('code'); // 如果授权码存在,则使用它调用微信API来获取用户信息 if (code) { var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://api.weixin.qq.com/sns/oauth2/access_token?appid=YOUR_APPID&secret=YOUR_APPSECRET&code=' + code + '&grant_type=authorization_code', true); xhr.onload = function() { var response = JSON.parse(xhr.responseText); var access_token = response.access_token; var openid = response.openid; var user_info_xhr = new XMLHttpRequest(); user_info_xhr.open('GET', 'https://api.weixin.qq.com/sns/userinfo?access_token=' + access_token + '&openid=' + openid, true); user_info_xhr.onload = function() { var user_info = JSON.parse(user_info_xhr.responseText); // 在此处使用用户信息进行任何操作,例如将其显示在页面上 }; user_info_xhr.send(); }; xhr.send(); } }); ``` 请注意,此示例代码仅供参考,您需要将其与您的应用程序和网站集成。此外,还应该对此代码进行安全和错误处理。 ### 回答2: 微信授权是指通过JS代码实现用户登录微信并获取用户信息的过程。下面是一个简单的实现微信授权的JS代码: ```javascript // 创建一个按钮用于触发微信授权 var btn = document.createElement('button'); btn.innerHTML = "微信授权"; document.body.appendChild(btn); // 添加按钮点击事件监听 btn.addEventListener('click', function() { // 使用微信提供的API实现微信授权 WeixinJSBridge.invoke('getBrandWCPayRequest', { appId: 'xxxxxx', // 将xxxx替换为实际的AppID timeStamp: 'xxxxxx', // 将xxxx替换为实际的时间戳 nonceStr: 'xxxxxx', // 将xxxx替换为实际的随机字符串 package: 'xxxxxx', // 将xxxx替换为实际的订单信息 signType: 'xxxxxx', // 将xxxx替换为实际的签名类型 paySign: 'xxxxxx', // 将xxxx替换为实际的签名 }, function(res) { // 微信授权成功后的回调函数 if (res.err_msg == "get_brand_wcpay_request:ok") { // 在这里可以获取用户信息并进行相应操作 // 比如发送请求将用户信息存储到服务器 // 授权成功后的处理 } else { // 授权失败后的处理 } }); }); ``` 以上代码创建了一个按钮,点击按钮后调用`WeixinJSBridge.invoke`函数实现微信授权。其中需要替换的参数包括AppID、时间戳、随机字符串、订单信息、签名类型和签名,这些信息需要通过后端生成,再传递到前端进行授权。 在微信授权成功的回调函数中,可以获取到用户的信息并进行相应操作。比如可以将用户信息发送给服务器进行存储,或者在前端页面进行展示等。授权成功后可以执行相应的操作,授权失败后也可以执行相应的处理。 请注意,以上代码仅为示例,实际实现微信授权需要根据具体的业务需求进行适当修改和调整。 ### 回答3: 微信授权是通过调用微信开放平台提供的接口实现的。以下是用JS代码实现微信授权的一种常见方法: 首先,需要引入微信JS-SDK的库文件,并进行初始化配置,如下所示: ```javascript <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script> wx.config({ debug: false, // 是否开启调试模式 appId: 'your_app_id', // 必填,公众号的唯一标识 timestamp: 'your_timestamp', // 必填,生成签名的时间戳 nonceStr: 'your_nonceStr', // 必填,生成签名的随机串 signature: 'your_signature', // 必填,签名 jsApiList: ['chooseWXPay', 'scanQRCode', 'chooseImage', 'openLocation'] // 需要使用的微信JS接口列表 }); </script> ``` 接下来,可以在页面中添加一个按钮,用于触发微信授权操作。当用户点击该按钮时,调用相应的微信JS接口,如下所示: ```javascript <script> document.getElementById('authorize_btn').addEventListener('click', function() { wx.openAddress({ success: function(res) { // 用户同意授权,获取用户收货地址的详细信息 var address = res.provinceName + res.cityName + res.countryName + res.detailInfo; console.log("用户收货地址:" + address); }, fail: function(res) { // 用户拒绝授权或发生其他错误 console.log("获取用户收货地址失败:" + res.errMsg); } }); }); </script> ``` 以上代码中的`wx.openAddress()`表示打开微信授权窗口,用户可以选择是否授权。授权成功后,将会返回用户的收货地址信息。用户拒绝授权或发生其他错误时,将触发`fail`回调函数。 以上就是用JS代码实现微信授权的简单示例,可以根据具体需求进行调整和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值