Javascript-根据设备更改按钮图像_Javascript_Android_Jquery_Ios_Button

Javascript-根据设备更改按钮图像

javascript android jquery ios button

Javascript-根据设备更改按钮图像,javascript,android,jquery,ios,button,Javascript,Android,Jquery,Ios,Button,我试图根据用户浏览页面的设备显示正确的按钮和链接。如果android显示android应用商店按钮，如果ios显示苹果商店按钮我似乎根本无法将其交换，即使我将该功能设为默认，将其从android交换到apple按钮代码如下： <html> <head> <script type="text/javascript"> var uagent = navigator.userAgent.toLowerCase(); va

我试图根据用户浏览页面的设备显示正确的按钮和链接。如果android显示android应用商店按钮，如果ios显示苹果商店按钮

我似乎根本无法将其交换，即使我将该功能设为默认，将其从android交换到apple按钮

代码如下：

<html>
<head>
    <script type="text/javascript">

        var uagent = navigator.userAgent.toLowerCase();
        var apple = "/images/ios.jpg";
        var android = "/images/android.jpg"


        function DetectDevice() {
            var but = document.getElementById("AppButton");
            if(useragent.search("iphone") || useragent.search("ipod") || useragent.search("ipad")) {
                toswap.src = apple;
                alert("apple");
            } else if(useragent.search("android")) {
                toswap.src = android;
                alert("android");
            }
            but.src = apple;
        }
        DetectDevice();
    </script>

    <title>Device Detection</title>
</head>

<div id="butttons">
    <img src="images/android.jpg" name = "AppButton" id="AppButton"/>
</div>


var uagent=navigator.userAgent.toLowerCase（）；
var apple=“/images/ios.jpg”；
var android=“/images/android.jpg”
函数检测设备（）{
var but=document.getElementById（“AppButton”）；
if（useragent.search（“iphone”）| | useragent.search（“ipod”）| | useragent.search（“ipad”））{
toswap.src=苹果；
警报（“苹果”）；
}else if（useragent.search（“android”））{
toswap.src=android；
警报（“安卓”）；
}
但是.src=apple；
}
检测设备（）；
设备检测

两个问题：

首先，您的函数需要在按钮加载后运行，因为

document.getElementById("AppButton");

现在什么也没有回来

其次，您可能应该将

toswap.src

的两个实例更改为

但是.src

我不知道var-toswap指的是什么。试试这个：

        var uagent = navigator.userAgent.toLowerCase();
        var apple = "/images/ios.jpg";
        var android = "/images/android.jpg"


        function DetectDevice() {
            var but = document.getElementById("AppButton");
            if(useragent.search("iphone") || useragent.search("ipod") || useragent.search("ipad")) {
                but.src = apple;
                alert("apple");
            } else if(useragent.search("android")) {
                but.src = android;
                alert("android");
            } else{
                but.src = apple; // this is default
            }
        }

    </script>

<div id="butttons">
    <img src="images/android.jpg" onload="DetectDevice();" name = "AppButton" id="AppButton"/>
</div>

var uagent=navigator.userAgent.toLowerCase（）；
var apple=“/images/ios.jpg”；
var android=“/images/android.jpg”
函数检测设备（）{
var but=document.getElementById（“AppButton”）；
if（useragent.search（“iphone”）| | useragent.search（“ipod”）| | useragent.search（“ipad”））{
但是.src=apple；
警报（“苹果”）；
}else if（useragent.search（“android”））{
但是.src=android；
警报（“安卓”）；
}否则{
但是.src=apple；//这是默认值
}
}

用户代理也未定义。您可能打算使用您定义的uagent
，或者您可能打算重命名您的变量