搜索到
2
篇与
js
的结果
-
Vue3 网页调用微信扫一扫 -小记 网页开发调用扫一扫前言：微信内打开网页链接，调用微信扫一扫功能1.引入第三方 weixin-js-sdknpm install weixin-js-sdk -S附 vue代码：<script lang="ts" setup> import { onMounted,ref } from 'vue' import { queryWxConfig, queryMsg } from "@/api/scanCode" //我自己请求的后台接口 获取 wx.config 配置 import wx from 'weixin-js-sdk'; const wxConfig = ref({ appId: '', timestamp: 0, nonceStr: '', signature: '', }); // 初始化微信 JS-SDK function initWechatSDK() { let url = location.href.split("#")[0]; queryWxConfig(url).then((data)=>{ wxConfig.value.appId = data.data.result.appId; wxConfig.value.timestamp = data.data.result.timestamp; wxConfig.value.nonceStr = data.data.result.nonceStr; wxConfig.value.signature = data.data.result.signature; }); } // 调用微信扫一扫接口 function scanQRCode() { console.log("扫一扫"); wx.config({ debug: false, appId: wxConfig.value.appId, timestamp: wxConfig.value.timestamp, nonceStr: wxConfig.value.nonceStr, signature: wxConfig.value.signature, jsApiList: ['scanQRCode'] // 需要使用的微信接口 }); wx.error(function (res) { console.log(res.errMsg) console.log('微信config配置失败res', res) }) wx.scanQRCode({ needResult: 1, scanType: ['qrCode'], success: function (res) { var result = res.resultStr; // 获取扫码结果 // 处理扫码结果 //....... } }); } onMounted(() => { initWechatSDK(); }); </script> -
页面加载完后自动执行一个方法的js代码 1、在body中用onload:<body onload="myfunction()">2、在脚本中用window.onload:<script type="text/javascript"> function myfun() { alert("this window.onload"); } /*用window.onload调用myfun()*/ window.onload=myfun;//不要括号 </script>下面这个例子在页面完成加载之后改变id_1的背景颜色。<script language="javascript" > function myfun() { document.getElementById("id_1").style.background= "#000"; // 改变背景颜色 } // 用js实现在加载完成一个页面后自动执行一个方法 /*用window.onload调用myfun()*/ window.onload=myfun;//不要括号 </script>
