html通过CSS判断当前域名显示不同图片,或通过其他手段也行

html通过CSS判断当前域名显示不同图片,或通过其他手段也行,第1张

可以通过js的 window.location.hostname 来判断,前当用户访问的是哪个域名,然后,在<img src="路径">中放不同的二维码图片

例:

<script>

window.onload = functioin(){

var localhost = window.location.hostname

if(localhost.indexOf("这里是你要找的域名") >0){

//找到后,显示相应的二维码图片

document.getElementById("这里写二维码图片的ID值").src = "这里写二维码图片路径"

}

}

</script>

192.168.1.110和127.0.0.1是两个不同域名

<script type="text/javascript">

var domain = document.domain

var html = ''

switch(domain){

case '192.168.1.110':

html = html+'<a href=\"http://www.163.com\"><image src=\"A.jpg\"><\/a>'

break

case '127.0.0.1':

html = html+'<a href=\"http://www.baidu.com\"><image src=\"B.jpg\"><\/a>'

break

default:

html = html+ '<image src=\"C.jpg\">'

}

document.writeln(html)

document.close()

</script>

如下代码可以实现,你可以按照下面注释的提示修改一下:

<a href="#" id="link">链接A</a>

<script>

window.onload = function(){

var style = ""

var url = document.location.href

if(url.lastIndexOf("/") >= 0)

url = url.substring(0, url.lastIndexOf("/")).replace("

, "")

alert(url) //可以根据这里弹出来的域名值来修改下面case后面的域名

switch(url){

case "wwwbaiducom/111": //这里域名你自己改一下

style = "#ff0000"

break

case "wwwbaiducom/222": //这里域名你自己改一下

style = "#000"

break

}

document.getElementById("link").style.color = style

}

</script>

看右上角私信


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/384043.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存