来了老弟，登陆显示账号头像

最新推荐文章于 2019-06-26 15:35:14 发布

小渝学长

最新推荐文章于 2019-06-26 15:35:14 发布

阅读量726

点赞数 2

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.youkuaiyun.com/weixin_44548718/article/details/88916003

本文介绍了一种使用JavaScript实现类似QQ登录界面的功能：输入账号后即时显示对应头像的方法。该方法通过监听输入框的输入事件，判断账号是否为预设值来决定头像框的显示与否。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

经过小编的探索，终于把类似于QQ登陆的输入账号就显示出头像框的方法给摸索出来了
下面要说的是类似qq登陆界面输入账号然后显示头像的方法，首先它是通过JavaScript（也就是js）来实现的。

写法和其他的事件也是差不多的；

首先要在你写的这个函数里先获取到要用到的值（这里就是账号与头像图片的值）

function youFunction{
var a = document.getElementByID("asd").value;
var a = document.getElementByID("touxiang");
}

然后就是写一个条件符合与不符合的显示与隐藏事件了

function youFunction{
var a = document.getElementByID("asd").value;
var a = document.getElementByID("touxiang");

if(a == 123456){

b.style.display = "block";

}

else{

b.style.display = "none";
    
}
}

if(a==“123456”)就是如果a（也就是账号）的值等于"123456"；b.style.display=“block” ; b的状态就是显示的，block（显示）；
else（否则）；b.style.display=“none” b的状态就是隐藏的，none（隐藏）。

然后直接到页面的视图代码找到对应的输入框也就是input标签中给个表单事件就可以了（如下图，oninput 元素获取用户输入时触发）
在这里插入图片描述

效果图如下
在这里插入图片描述

?