2013-12-07 4 views
1
<!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, и надеюсь, что все помогут мне решить эту проблему ...JavaScript window.onload

В этом маленьком примере я хочу сохранить исходный innerHTML тега h1 (id = title) на после загрузки страницы в первый раз.

И тогда вместо document.getElementById('title').innerHTML = 'Welcome to JavaScript', который находится в стороне, если заявление, я хочу заменить, что выше переменную с фразой «Добро пожаловать в JavaScript» ....

Моя главная цель это, Всякий раз, когда кто-то оставляет текстовое поле (id=myText) пустым и нажимает кнопку отправки, сценарий должен заменить innerHTML тега h1 (id=title) на начальное значение, которое было на первой странице, и выскочить из этого окна предупреждения. (может быть, пользователь сначала изменил innerHTML h1, но сценарий должен заменить его на начальное значение, которое было там при загрузке первой страницы).
*/

ответ

1

Вы можете объявить скрытый вход.

<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; 
+0

Наконец, ваш ответ - самый точный и отработанный ответ, как я хотел. Большое спасибо [Syd] (http://stackoverflow.com/users/806472/syd). С уважением!!! (к сожалению, я новый участник и не могу проголосовать за ваш вклад) –

0

Попробуйте это вместо того, чтобы ваше тело тега ....

<body onload="changeTitle();"> 
+0

@Shanen Leen pls mark как ответ, если мой ответ сработал для вас .... – Illaya

+0

Спасибо [Иллая] (http://stackoverflow.com/users/2452810/illaya) .. [Syd] (http: // stackoverflow .com/users/806472/syd) ответ работал так, как я хотел. –

Смежные вопросы