JavaScript window.onload

Question

<!DOCTYPE html>  
<html>  
<head>  

    <script type="text/javascript" >
                 
               function changeTitle() {                      
                  if (document.getElementById('myText').value === "") {                     
                     document.getElementById('title').innerHTML = "Welcome to JavaScript";  
                     alert("Enter a valid text title");  
                     return;                      
                  } else {                        
                  document.getElementById('title').innerHTML = document.getElementById('myText').value;  
                  
                  }  
               }                                
      </script>           
</head>          
<body>  
    <h1 id="title">Welcome to JavaScript</h1>      
    <p> Hello! This is my first JavaScript example on Microsoft Visual Studio Express Edition 2013.</p>          
    <p>  
        <input id="myText" type="text"/>  
        <input type="submit" onclick="changeTitle();" value="Click me!"/>  
    </p>      
</body>  
</html>

在這個小例子中，我想在第一次加載頁面后將 h1 標記 (id=title) 的初始 innerHTML 保存到一個變量中。

然后，而不是 if 語句中的document.getElementById('title').innerHTML = 'Welcome to JavaScript' ，我想用短語“Welcome to JavaScript ”替換上面提到的變量。

我的主要意圖是，每當有人將文本框（ id=myText ）留空並單擊提交按鈕時，腳本應將 h1 標記（ id=title ）的 innerHTML 替換為第一頁加載中的初始值並彈出那個警告框。 （也許用戶之前更改了 h1 的 innerHTML，但腳本應該將其替換為第一個頁面加載時的初始值）。

Answer 1

您可以聲明一個隱藏的輸入。

<input type="hidden" id="initialTitle" value=""/>

並通過 body onload JS function 填充隱藏字段值。

function setInitialTitle() { document.getElementById('initialTitle').value = document.getElementById('title').innerHTML }


<body onload="setInitialTitle()";>

並在 changeTitle() function 中重寫 if 塊為。

document.getElementById('title').innerHTML = document.getElementById('initialTitle').value;

Answer 2

只需使用onload="changeTitle()"

這是一個演示： http://jsfiddle.net/nn007/cKk4U/1/

Answer 3

試試這個而不是你的身體標簽....

<body onload="changeTitle();">

JavaScript window.onload

問題描述

3 個解決方案

解決方案1
1 已采納 2013-12-07 14:08:41

解決方案2
0 2013-12-07 13:44:11

解決方案3
0 2013-12-07 13:52:19

JavaScript window.onload

問題描述

3 個解決方案

解決方案1 1 已采納 2013-12-07 14:08:41

解決方案2 0 2013-12-07 13:44:11

解決方案3 0 2013-12-07 13:52:19

解決方案1
1 已采納 2013-12-07 14:08:41

解決方案2
0 2013-12-07 13:44:11

解決方案3
0 2013-12-07 13:52:19