gpt4 book ai didi

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

转载 作者:塔克拉玛干 更新时间:2023-11-02 08:44:09 25 4
gpt4 key购买 nike

我试图根据用户浏览页面的设备显示正确的按钮和链接。如果 android 显示 android app store 按钮如果 ios 显示 apple store 按钮。

我似乎根本无法让它交换,即使我将功能默认设置为将它从 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>

最佳答案

两个问题:

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

document.getElementById("AppButton");

目前没有返回任何内容。

其次,您可能应该将 toswap.src 的 2 个实例更改为 but.src

关于Javascript - 根据设备更改按钮图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13074250/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com