JavaScript window.onload

JavaScript window.onload

本文关键字：onload window JavaScript      更新时间：2024-04-13
<!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 保存到变量中。

然后，我想用短语"Welcome to JavaScript"替换上面提到的变量，而不是if语句中的document.getElementById('title').innerHTML = 'Welcome to JavaScript'。

我的主要意图是，每当有人将文本框(id=myText(留空并单击提交按钮时，脚本应将h1标签(id=title(的innerHTML替换为第一页加载中的初始值并弹出该警告框。(也许用户之前已经更改了 h1 的 innerHTML，但脚本应该将其替换为第一个页面加载中的初始值(。

您可以声明隐藏输入。

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

并通过身体加载JS函数填充隐藏字段值。

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

<body onload="setInitialTitle()";>

在 changeTitle(( 函数中，如果块重写为。

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

只需使用onload="changeTitle()"

这是一个演示： http://jsfiddle.net/nn007/cKk4U/1/

试试这个而不是你的身体标签。

<body onload="changeTitle();">
相关文章：