在每次打開主頁時顯示提示加載並存儲值以問候用戶

Question

我試圖通過提示消息詢問用戶“您叫什么名字”。 然后，根據當前時間向用戶發送歡迎消息。 到目前為止，我只能通過單擊一個按鈕來顯示消息。 我想做的是先詢問名稱，一旦獲得用戶名，則在加載HomePage時直接顯示消息。

這是HTML：

  <form> <input id="show_button" class="button" type="button" value="Hey! Click Me! I know you!" onclick="greet(), salutoTempo()" /> </form>

這是JavaScript代碼：

 var today = new Date(); var hourNow = today.getHours(); var saluto; if (hourNow > 17) { saluto = "Good evening" } else if (hourNow > 11) { saluto = "Good afternoon" } else if (hourNow > 0) { saluto = "Good morning" } else { saluto = "Welcome to Wolf the Barber!" } var el = document.getElementById("greeting"); function salutoTempo(){ document.getElementById("greeting").innerHTML = saluto + " "; } function greet(){ name = localStorage.getItem("name"); if (name == null || name == "null"){ alert("Hi, Stranger!"); name = prompt("What is your name?"); localStorage.setItem("name", name); var greeting = document.getElementById("greeting").innerHTML = (greeting); var Username = document.getElementById("greeting1").innerHTML = (name + "!"); } else { var greeting = document.getElementById("greeting").innerHTML = (greeting); var Username = document.getElementById("greeting1").innerHTML = (name + "!"); } // end greet } // end function

多謝你們！

Answer 1

根據您的問題，可以在body標簽中使用onload屬性。 另外，調用函數salutoTempo 。

<html>
<body onLoad = "greet()">
 <form> 
    <input id="show_button" class="button" type="button"   value="Hey! Click Me! I know you!" onclick="greet(), salutoTempo()" /> 
</form>

<span id="greeting"></span>
<br>
<span id="greeting1"></span>

<script>
var today = new Date();
var hourNow = today.getHours();   
var saluto;

if (hourNow > 17) {   
  saluto = "Good evening"
} else if (hourNow > 11) {
  saluto = "Good afternoon"
} else if (hourNow > 0) {
  saluto = "Good morning"
} else {
  saluto = "Welcome to Wolf the Barber!"
}

var el = document.getElementById("greeting");

function salutoTempo(){
    document.getElementById("greeting").innerHTML = saluto + " ";
}


function greet(){
   name = localStorage.getItem("name");

   if (name === null || name === "null"){
     alert("Hi, Stranger!");
     name = prompt("What is your name?");
     localStorage.setItem("name", name);     
     document.getElementById("greeting1").innerHTML = (name + "!");
   } else {
     document.getElementById("greeting1").innerHTML = (name + "!");
   } // end greet
   salutoTempo();
} // end function
</script>
</body>
</html>

在每次打開主頁時顯示提示加載並存儲值以問候用戶

問題描述

1 個解決方案

解決方案1
0 2018-01-20 18:12:26

在每次打開主頁時顯示提示加載並存儲值以問候用戶

問題描述

1 個解決方案

解決方案1 0 2018-01-20 18:12:26

解決方案1
0 2018-01-20 18:12:26