Question

我想创建一个带文本框的弹出窗口，每当我重定向到此页面时它都会出现。我从w3schools找到了一个代码，但是我必须点击try it按钮然后弹出窗口出现。

这是代码

<!DOCTYPE html>
<html>
<body>

 <p>Click the button to demonstrate the prompt box.</p>

 <button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
var person = prompt("Please enter your name", "Harry Potter");

    if (person != null) {
    document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
    }
}
</script>

</body>
</html>

Answer 1

您有两种方法在页面加载时调用该功能

第一个

<body onload='myFunction()'>

第二个

<script>
    function myFunction() {
        var person = prompt("Please enter your name", "Harry Potter");

        if (person != null) {
            document.getElementById("demo").innerHTML = "Hello " + person + "! How are you today?";
        }
    }
    myFunction();
</script>

对于第二个选项，如果未加载该元素，则它将抛出未定义的错误。因此最好在页脚中编写脚本。

Answer 2

您可以使用<body onload="myFunction()">

Answer 3

将<body>替换为<body onload='myFunction()'>。

Answer 4

试试这个

http://jsfiddle.net/g78hgn2p/

HTML

<body onload='myFunction()'>
<div id="demo"></div>
</body>

JS

function myFunction() {
var person = prompt("Please enter your name", "Harry Potter");

if (person != null) {
document.getElementById("demo").innerHTML =
"Hello " + person + "! How are you today?";
}
}
 myFunction();

在页面加载时弹出窗口

4 个答案: