Question

我想在我的身体负荷上调用一个函数。我希望在从函数获得响应后呈现我的html页面。例如：

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

我希望在警告框中按“确定”后显示hai。任何人都可以帮我这个吗？

Answer 1

你可以这样做：

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

这会在身体加载之前发出警报，然后当你点击'确定'时它会加载身体。

Answer 2

你可以这样做：

<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.

Answer 3

试试这个

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

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

Answer 4

试试这段代码，

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

Answer 5

您可以向主体添加一个类以使内容不可见，并在调用该函数后将其删除。

<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>

如何在从函数获得响应后呈现html页面

5 个答案: