Question

我有一个图片很少的页面。检查图像会增加得分。它可以正常使用以下代码，分数显示在页面上。现在我想要一个“我的分数”按钮打开一个新窗口并在那里显示分数。目前它给出了一个空白页面。请提供result.html的代码以及我当前的代码是否需要进行一些更改。

<html>

    <head>
        <meta content="text/html; charset=UTF-8" http-equiv="content-type">
        <title></title>
                            <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js" ></script>

 <!--*****************************************************script to count checked items Actor/Actress begin**************************************-->
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
    var actor=0;
    $(document).ready(function() {
        $('#perk1').html(actor);

        $("#img100").click(function() {
            if($('#img100').is(':checked'))
                actor=actor+1;
            else if(actor>0)
                actor=actor-1;
            $('#perk1').html(actor);
        });

        $("#img95").click(function() {
            if($('#img95').is(':checked'))
                actor=actor+1;
            else if(actor>0)
                actor=actor-1;
            $('#perk1').html(actor);
        });

    });


});//]]>  

</script>
 <!--******************************script to count checked items actor ends***************************************************************-->  
<!--******************************script to save count actor begins***************************************************************--> 
<script>
function myFunction()
{
window.open("result.html","","width=700,height=150,top=300,left=300");
}
</script>
 <!--******************************script to save count actor ends***************************************************************-->
     </head>

<!--************************************************************************body begins*************************************************************-->
  <body Body Params>
<!--*******************value of actor checked clicked here begins***************************************************-->
movies you have watched: <span id="perk1"></span></br>




<!--*******************value of actor checked clicked here ends***************************************************-->
<!--**********************************************Code to share result begins*************************************************************-->
<button onclick="myFunction()">My score</button>



<!--**********************************************Code to share result begins*************************************************************-->
</br>
Please check the movies you have watched
<!--********************************************actor movies begin************************************************************************-->
<div class="imgs">

<div class="thumb">
<label for="img100"><img src="priyanka_chopra\gunday.jpg" height="200" width="275"/></label>
<input type="checkbox" class="chk " id="img100" name="img100" value="0" />
<label for="img95"><img src="priyanka_chopra\krrish3.jpg" height="200" width="275"/></label>
<input type="checkbox" class="chk " id="img95" name="img95" value="0" />

</div>
</div>
<!--********************************************actor movies end************************************************************************-->
  </div>
<!--******************************************actor code ends***************************************************************************-->


</body>

<!--************************************************************************body ends*************************************************************-->



</html>

Answer 1

您可以将分数变量存储在隐藏字段中，并在新页面或窗口中获取隐藏字段值。

Answer 2

<强>更新

您还将变量作为网址传递：

喜欢：

在主页：

window.open("result.html?score="+actor,"","width=700,height=150,top=300,left=300");

使用以下方式获得分数：

在Result.html中

function geturlvar() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,             function(m,key,value) {
    vars[key] = value;
   });
   return vars;
 }

用于获取网址变量：

 var score = geturlvar()['score'];

Example

这可以帮助你..

Answer 3

您可以通过查询字符串传递它。

<button id="submitButton">My score</button>

$(function () {
var actor = 0;
$(document).ready(function () {
    $('#perk1').html(actor);

    $("#img100").click(function () {
        if ($('#img100').is(':checked')) actor = actor + 1;
        else if (actor > 0) actor = actor - 1;
        $('#perk1').html(actor);
    });

    $("#img95").click(function () {
        if ($('#img95').is(':checked')) actor = actor + 1;
        else if (actor > 0) actor = actor - 1;
        $('#perk1').html(actor);
    });

    $("#submitButton").on("click", function () {
        alert(actor);
        var url = "result.html?val=" + actor;
        window.open(url, "", "width=700,height=150,top=300,left=300");
    });

});
}); //]]>

然后在results.html页面上，您将从查询字符串中获取类似于此处所示的值; https://stackoverflow.com/a/901144/173949

将变量传递给新窗口

3 个答案: