Javascript 带有动态段落的Jquery_Javascript_Jquery_Html_Css

Javascript 带有动态段落的Jquery

javascript jquery html css

Javascript 带有动态段落的Jquery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在用Jquery做一个学校作业，我只想知道这是否可能，以及如何做到以下几点：页面A具有以下功能：外部JS文件，该文件具有允许用户输入一些文本的功能，当用户按下提交按钮时，文本将自动作为段落文本，因为我使用JS获取元素并使用innerhtml替换文本外部JS文件： function grabText() { var grabThePara = document.getElementById("firstP").value; var intoParagraph = do

我正在用Jquery做一个学校作业，我只想知道这是否可能，以及如何做到以下几点：页面A具有以下功能：外部JS文件，该文件具有允许用户输入一些文本的功能，当用户按下提交按钮时，文本将自动作为段落文本，因为我使用JS获取元素并使用innerhtml替换文本

外部JS文件：

 function grabText() {
     var grabThePara = document.getElementById("firstP").value;
     var intoParagraph = document.getElementById("pOne").innerHTML = grabThePara;
 }

HTML文件：

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.10.2"></script>
    <script type="text/javascript" src="ts.js"></script>
</head>

<body>
    <input type="text" id="firstP" name="firstP">
    <br />
    <p id="pOne">Static works fine -- > this is the static</p>
    <input type="button" onclick="grabText()" value="Submit">
    <a href="JSPanel.html">GO to JD Panel</a>
</body>

</html>




静态工作正常-->这是静态

页面B有Jquery部分，这有一段代码，可以从页面A的第一个段落ID pOne中获取文本，如果它的静态输入没有问题，它会获取文本，但当您使用文本框并动态更改段落文本时，页面A会进行更改，但页面B仍显示静态文本输入，而不是输入文本框并提交后发生的新动态更改。我将显示代码

B页代码：

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.10.2.js"></script>
    <script type="text/javascript" src="ts.js"></script>
</head>

<body>


    <a href="adminPanel.html">Change the text again</a>
    <script type="text/javascript">
        jQuery.ajax({
            url: "adminPanel.html",
            success: function (printIt) {
                var html = jQuery('<p>').html(printIt);
                var grabIt = html.find("p#pOne").html();
                var sendItToParaOne = document.getElementById("paraOne").innerHTML = grabIt;
            }
        });
    </script>
    <p id="paraOne"></p>
</body>

</html>


jQuery.ajax({
url:“adminPanel.html”，
成功：功能（打印）{
var html=jQuery（“”）.html（printIt）；
var grabIt=html.find（“p#pOne”）.html（）；
var sendItToParaOne=document.getElementById（“paraOne”）.innerHTML=grabIt；
}
});

对不起，我的英语不是最好的。感谢您花时间阅读我的文章，并感谢您的帮助

再次感谢

您需要将数据保存到某个地方。如果不想使用数据库，可以使用HTML 5 web存储：

此外，查看外部JS文件，您可能希望查看jQuery选择器：

我希望这对您有所帮助。

您认为页面可以相互对话，这让您感到困惑。您的页面A必须将更改发送到服务器，但服务器还必须进行编程，以侦听服务器代码（如PHP或ASP.NET）中的更改。只有这样，页面B才能获得页面A所做的更改。

动态内容（您在页面A中添加的内容）将不会显示（在页面B中），因为您没有将其保存在任何位置。