2013-04-22 76 views
0

我想调用一个函数来处理身体负载。我想从函数获取响应后呈现我的html页面。例如:如何在获得函数响应后呈现html页面

<head> 
    <script type="text/javascript"> 
     function welcome(){ 
      alert("Welcome"); 
     } 
    </script> 
</head> 
<body onload="welcome()"> 
    <p>hai</p> 
</body> 

我想要在警告框中按下ok后显示hai。谁能帮我这个?

回答

1

你可以做这样的事情:

<head> 
    <script type="text/javascript"> 
     alert("Welcome"); 
    </script> 
</head> 
<body> 
    <p>hai</p> 
</body> 

加载体之前,此将提醒,那么当你点击“OK”,将加载体。

1

你可以做到这样:

<html> 
<head></head> 
<body onload="render()"> 
<script> 
var content = '<h1>Hello, World!</h1>'; 
function render() { 
    var answer = confirm('Do you want to render the page?'); 
    if (answer) { 
     document.body.innerHTML = content; 
    } 
} 
</script> 
</body> 
</html> 

And a live demo.

0

试试这个

<head> 
    <script type="text/javascript"> 
    function welcome(){ 
     alert("Welcome"); 
    } 
    welcome(); 
    </script> 
</head> 

<body> 
    <p>hai</p> 
</body> 
0

试试这个代码,

<body onload="welcome()"> 
    <p id='hi'></p> 
<script type="text/javascript"> 
    function welcome(){ 
    alert("Welcome"); 
    document.getElementById('hi').innerHTML='hi'; 
} 
</script> 
    </body> 
0

你可以添加一个类的身体 使内容不可见并在调用函数后将其删除。

<html> 
    <head> 
     <script type="text/javascript"> 
     function welcome(){ 
      alert("Welcome"); 
      document.body.className = ''; 
     } 
     </script> 
     <style type="text/css"> 
     .invisible{visibility:hidden;} 
     </style> 
    </head> 
    <body onload="welcome()" class="invisible"> 
     <p>hai</p> 
    </body> 
</html> 
相关问题