需求是這樣的：打開網頁的時候通過判斷是微信內瀏覽器，移動端瀏覽器，還是電腦端瀏覽器，根據不同瀏覽器顯示不同按鈕進行接下來的操作。現在判斷都能正常判斷，就是document.getElementById("test").style.display = ''; 方式不能隱藏按鈕，試了不同的方法，還是不能隱藏，不知道什么原因。代碼如下：
<script>
function IsPC() {
var userAgentInfo = navigator.userAgent;
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
//移動端瀏覽器
flag = false;
document.getElementById("noWeiXin").style.display = 'block';
break;
}
else {
//電腦端瀏覽器
alert('no');
document.getElementById("test").style.display = '';//隱藏
break;
}
}
return flag;
}
//判斷是否微信登陸
function isWeiXin() {
var ua = window.navigator.userAgent.toLowerCase();
console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
return true;
} else {
return false;
}
}
if (isWeiXin()) {
//alert("是來自微信內置瀏覽器");
//document.getElementById("dl").style.display = '';
} else {
alert("不是來自微信內置瀏覽器");
IsPC();
}
</script>
<body onload="isWeiXin()">
<form id="form1" runat="server">
<div id="test">測驗</div>
</form>
</body>
uj5u.com熱心網友回復：
隱藏是none不是空uj5u.com熱心網友回復：
none也不行啊uj5u.com熱心網友回復：
document.getElementById("test").style.display = 'none';uj5u.com熱心網友回復：
再看看執行順序，執行document.getElementById("test").style.display時，確認test已經加載完成uj5u.com熱心網友回復：
function IsPC() {
var userAgentInfo = navigator.userAgent;
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
//移動端瀏覽器
flag = false;
document.getElementById("noWeiXin").style.display = 'block';
break;
}
}
if (flag) {
//電腦端瀏覽器
alert('no');
document.getElementById("test").style.display = 'none';//隱藏
}
return flag;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/78415.html
標籤：JavaScript
上一篇：求助！！！
下一篇：js求助