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>

/ * 感谢大家访问我关于堆栈溢出的第一篇文章。我是一名正在学习JavaScript的学生，我希望每个人都能帮助我解决这个问题...

在这个小例子中，我想在第一次加载页面后将h1标签的初始innerHTML（id = title）保存到变量中。

然后，而不是if语句旁边的document.getElementById('title').innerHTML = 'Welcome to JavaScript'，我想用短语“欢迎使用JavaScript ”替换上面提到的变量....

我的主要目的是，每当有人将文本框（id=myText）留空并单击提交按钮时，脚本应将h1标记（id=title）的innerHTML替换为第一页加载中的初始值。弹出那个警报框。（可能是用户之前已经更改了h1的innerHTML，但是脚本应该将其替换为第一页加载中的初始值。）
* /

Answer 1

您可以声明隐藏的输入。

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

并通过body onload JS函数填充隐藏字段值，如。

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


<body onload="setInitialTitle()";>

并且在changeTitle（）函数中重写if block为。

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 个答案: