我想创建一个带有文本框的弹出窗口，每当我重定向到此页面时，它都会出现。我找到了W3Schools的代码，但是在那里我必须单击"试用"按钮，然后出现弹出窗口。
这是代码
<!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>
在页面加载时有两种调用函数的方法
第一个
<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>
对于第二个选项，如果未加载元素，则它将抛出未定义的错误。 所以最好用页脚编写脚本。
将
<body>替换为 <body onload='myFunction()'> 。
您可以使用
<body onload="myFunction()">
试试这个
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();