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