Question

我对如何在页面顶部创建页面感到困惑。基本上我想打开页面：嗨________。

然后，当用户键入名称并按Enter键时，会保存该名称，以便页面现在写入＆＃34;嗨[在此处插入名称]！

我不确定什么是最好的行动方案。我应该使用提示还是输入文本框？我怎样才能保存提供的名字？我甚至不确定是否会产生这种影响？

我知道如何创建一个文本输入框，以及如何使用键盘输入表单，但我不知道如何将效果置于顶部。我怎么能在窗户上面做一个窗口？

因此网站提示用户

    <p>Enter your name</p>
    <button onclick="myFunction()">Try it</button>


    <p id="demo"></p>

之后，页面填写名称，名称将被插入脚本中。因此页面将显示输入的名称。例如，＆＃34; Hi Sam。＆＃34;在常规页。我会使用这个版本吗？

    <script>
    function myFunction() {
        var x = document.getElementById("myText").value;
        document.getElementById("demo").innerHTML = x;
    }
    </script>

如果这听起来太混乱，请告诉我。我可以尝试进一步阐述。我之前尝试过在stackoverflow上寻找类似的问题，但我还没有看到这样的问题。

Answer 1

由于你在帖子中没有提到像angular或jquery这样的任何框架，我猜你用JavaScript创建“动态”网页是相当新的。您可以使用“纯JavaScript”执行这些操作，但通常您需要编写更多代码。但是，您的实际示例可以使用相对较少的更改而不需要太多工作，如下所示：

<input type="text" id="myText" placeholder="Please enter your name">
<button onclick="myFunction()">Try it</button>
<div id="demo"></div>

prompt()

在此示例中，未应用额外窗口。如果想 模式对话框，您可以使用JavaScript窗口方法var name = prompt("Please enter your name here", "suggested name");

input

而不是上述function myFunction() { var x = prompt("Please enter your name here", "suggested name"); document.getElementById("demo").innerHTML = x; }字段：

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

0000 0000 0000 1000

Answer 2

你想打开一个新窗口？试试这个：

var theName = prompt("What is your name?");
var w = window.open("", "", "width=500, height=300");
w.document.body.innerHTML = "Hello "+theName+"!";

Answer 3

然后，当用户键入名称并按Enter键时，名称为然后保存，以便页面现在写“嗨[在此插入名称]！。

如果您只想保存当前会话的数据，则可以将数据保存到Javascript变量中。

我不确定什么是最好的行动方案。我应该使用提示或输入文本框？我怎么能保存名字提供？我甚至不确定是否会产生这种影响？

任何一个都可以工作，任何可以获取价值的领域。

我知道如何创建文本输入框，以及如何使表单按下只用键盘进入，但我不知道如何把效果在上面。我怎么能在窗户顶上做一个窗口？

窗口顶部的窗口这个术语并不是真正准确的术语。但我想我明白你的意思了。您可以使用hide和show隐藏文本字段，然后将名称插入范围。

我做了一个小提琴，所以你可以看到我的意思

https://jsfiddle.net/xo5vt07s/6/

 $(document).ready(function () {
    $("#name").keypress(
        function (event) {
            if (event.which == 13) {
                    var usersName = document.getElementById("name");
                    var displayBox = document.getElementById("displayName");
                    usersName.style.display = "none";
                    displayBox.innerHTML = usersName.value + "!";
                    displayBox.style.display = "inline";
                alert("Test")
            }
        }
    );

});

如何使用Javascript在页面顶部创建另一个窗口？

3 个答案: