js单击按钮时，动态向页面中添加用户头像。

可以使用JavaScript创建一个img元素，然后设置其src属性为用户头像的URL，最后将该元素添加到页面中指定的位置。具体实现可以参考以下代码：

var avatarUrl = 'https://example.com/avatar.jpg'; // 用户头像的URL
var avatarImg = document.createElement('img'); // 创建img元素
avatarImg.src = avatarUrl; // 设置src属性
document.getElementById('avatar-container').appendChild(avatarImg); // 将img元素添加到指定位置

其中，'avatar-container'是一个容器元素的id，用于指定添加头像的位置。

相关问题

js实现动态添加用户头像。在页面中定义一个“添加用户头像”按钮，当单击该按钮时，可动态向页面中添加用户头像。

可以使用JavaScript的DOM操作来实现动态添加用户头像。具体实现步骤如下：

1. 在HTML页面中定义一个按钮，例如：

<button id="addAvatarBtn">添加用户头像</button>

2. 在JavaScript中获取该按钮，并为其添加点击事件监听器：

var addAvatarBtn = document.getElementById("addAvatarBtn");
addAvatarBtn.addEventListener("click", function() {
// 在此处添加动态添加用户头像的代码
});

3. 在点击事件监听器中，创建一个img元素，并设置其src属性为用户头像的URL，然后将该元素添加到页面中：

var avatarImg = document.createElement("img");
avatarImg.src = "https://example.com/user-avatar.jpg";
document.body.appendChild(avatarImg);

这样，当用户点击“添加用户头像”按钮时，就会动态向页面中添加用户头像。

js实现单击登录按钮且输入正确时跳转页面

好的，以下是一个实现单击登录按钮且输入正确时跳转页面的示例代码：

HTML代码：

<form>
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username"><br><br>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password"><br><br>
  <input type="button" value="登录" onclick="checkLogin()">
</form>

JS代码：

function checkLogin() {
  // 获取用户名和密码输入框的值
  var username = document.getElementById("username").value;
  var password = document.getElementById("password").value;
  
  // 判断用户名和密码是否正确
  if (username === "admin" && password === "123456") {
    // 跳转到登录成功页面
    window.location.href = "success.html";
  } else {
    alert("用户名或密码错误！");
  }
}

以上代码中，当点击登录按钮时会调用 `checkLogin()` 函数，该函数会根据输入框的值判断用户名和密码是否正确，如果正确则会跳转到登录成功页面，否则会弹出提示框提示用户名或密码错误。注意，这只是一个简单的示例，实际应用中还需要进行更多的安全性判断和用户体验优化。