从Javascript代码中提取约10个变量（运行后）并写入页面？

我完成了我的Javascript代码和它的约3000行。有代码（60+）内的许多变量，但也有一些变量，我想写信给我的网页，如从Javascript代码中提取约10个变量（运行后）并写入页面？

totalTime 
longitudinalAcceleration 
shiftTime 
numberOfShifts 
corneringTime 
numberOfCorners 
instantaneousCoefficientOfFriction 
totalFuel 
meanLongAccel 
meanHorsepower

这些JScript代码（在所有变量不包括在内，因为它会太长）。我希望能够做的就是将这段代码写入我调用函数的主HTML页面。这个javascript函数被称为images.js（不要问大声笑）。我很确定我需要一个输出变量，这是Jscript文件中的一个对象。这部分我不太确定如何去做，或者稍后如何在实际的HTML页面中编写对象变量的一部分。

基本上我运行image.js中包含的Main Calculation（）函数运行后，我想拉这些变量并将它们写入我的HTML页面。这些是你在上面看到的变量。计算完成后，如何获取这些变量？我很确定我需要使用jQuery或Javascript将变量写入页面？

下面是该页面的链接，如果它有助于 http://www.fsaesim.com/Products.html

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
    <script type="text/javascript" src="images.js"></script> 
    <script type="text/javascript"> 
     function ShowCalculation() { 
      Main($("#vehicleWeightTxt").val(), $("#tireChoiceSel").val(), $("#wheelBaseTxt").val(), $("#wheelRadiusTxt").val(), $("#trackWidthTxt").val(), $("#hcgTxt").val(), $("#weightDistributionTxt").val(), $("#shiftRpmTxt").val(), $("#ntTxt").val()); 


     } 
    </script> 

</head> 

<body id="page4"> 
    <div class="body1"> 
    <div class="body2"> 
    <div class="body5"> 
     <div class="main"> 

      <header> 
       <div class="wrapper"> 
       <h1><a href="index.html" id="logo">Progress Business Company</a></h1> 
       <nav> 
        <ul id="menu"> 
         <li id="nav1" class="active"><a href="index.html">Home<span>Page</span></a></li> 

         <li id="nav2"><a href="News.html">News<span>Updates</span></a></li> 

         <li id="nav3"><a href="Services.html">Available<span>Features</span></a></li> 

         <li id="nav4"><a href="Products.html">Run<span>Simulation</span></a></li> 

         <li id="nav5"><a href="Contacts.html">Contact<span>Support</span></a></li> 
        </ul> 
       </nav> 
       </div> 
      </header> 

     </div> 
    </div> 
    </div> 
    </div> 
    <div class="body1"> 
     <div class="main"> 
     <br /> 
     <table border="0"> 
     <tr> 
     <td> 
     Tire Choice 
     </td> 
     <td> 
     <select id="tireChoiceSel"> 
     <option value="1">Michelin 13"</option> 
     <option value="2">Hoosier 13" Large</option> 
     <option value="3">Hoosier 13" Small</option> 
     <option value="4">Mexican Tires</option> 
     </select> 
     </td> 
     <td> 
     Engine: 
     </td> 
     <td><select id="engineSelectionSel"> 
     <option value="1">Yamaha R6 - 4 Cylinder</option> 
     <option value="2">Yamaha WR450 - 1 Cylinder</option> 
     <option value="3">Honda CBR600RR - 4 Cylinder </option> 
     <option value="4">Suzuki GSXR600 - 4 Cylinder</option> 
     </select> 
     </td> 
     <td> 
     Torque Curve: 
     </td> 
     <td> 
     <select id="torqueCurveSel"> 
     <option value="1">Cornell Curve 2008</option> 
     <option value="2">MIT Curve 2008</option> 
     <option value="3">RMIT Curve 2008 </option> 
     <option value="4">Fullerton Curve 2008</option> 
     </select> 
     </td> 
     </tr> 

     <tr> 
     <td> 
     Vehicle Weight: 
     </td> 
     <td> 
     <input type="text" id="vehicleWeightTxt" value="530" size="3" /> 
     </td> 
     <td> 
     Number of NOS: 
     </td> 
     <td> 
     <input type="text" id="Text1" value="100" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #1: 
     </td> 
     <td> 
     <input type="text" id="Text2" value="3000" size="3" /> 
     </td> 
     </tr> 

     <tr> 
     <td> 
     Wheel Base: 
     </td> 
     <td> 
     <input type="text" id="wheelBaseTxt" value="61" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #2: 
     </td> 
     <td> 
     <input type="text" id="Text3" value="3000" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #3: 
     </td> 
     <td> 
     <input type="text" id="Text4" value="3000" size="3" /> 
     </td> 
     </tr> 

     <tr> 
     <td> 
     Wheel Radius: 
     </td> 
     <td> 
     <input type="text" id="wheelRadiusTxt" value="10.25" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #4: 
     </td> 
     <td> 
     <input type="text" id="Text5" value="3000" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #5: 
     </td> 
     <td> 
     <input type="text" id="Text6" value="3000" size="3" /> 
     </td> 
     </tr> 

     <tr> 
     <td> 
     Track Width: 
     </td> 
     <td> 
     <input type="text" id="trackWidthTxt" value="50" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #6: 
     </td> 
     <td> 
     <input type="text" id="Text7" value="3000" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #7: 
     </td> 
     <td> 
     <input type="text" id="Text8" value="3000" size="3" /> 
     </td> 
     </tr> 

     <tr> 
     <td> 
     Center of Gravity: 
     </td> 
     <td> 
     <input type="text" id="hcgTxt" value="12" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #8: 
     </td> 
     <td> 
     <input type="text" id="Text9" value="3000" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #9: 
     </td> 
     <td> 
     <input type="text" id="Text10" value="3000" size="3" /> 
     </td> 
     </tr> 

     <tr> 
     <td> 
     Weight Distribution: 
     </td> 
     <td> 
     <input type="text" id="weightDistributionTxt" value="0.50" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #10: 
     </td> 
     <td> 
     <input type="text" id="Text11" value="3000" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #11: 
     </td> 
     <td> 
     <input type="text" id="Text12" value="3000" size="3" /> 
     </td> 
     </tr> 

     <tr> 
     <td> 
     Shift RPM: 
     </td> 
     <td> 
     <input type="text" id="shiftRpmTxt" value="9500" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #12: 
     </td> 
     <td> 
     <input type="text" id="Text13" value="3000" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #13: 
     </td> 
     <td> 
     <input type="text" id="Text14" value="3000" size="3" /> 
     </td> 
     </tr> 

     <tr> 
     <td> 
     Final Drive Ratio: 
     </td> 
     <td> 
     <input type="text" id="ntTxt" value="2.86" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #14: 
     </td> 
     <td> 
     <input type="text" id="Text15" value="3000" size="3" /> 
     </td> 
     <td> 
     NOS Bottle #15: 
     </td> 
     <td> 
     <input type="text" id="Text16" value="3000" size="3" /> 
     </td> 
     </tr> 


















     </table> 



    <center><input type="submit" value="Calculate" onclick="ShowCalculation(); return false;" /></center> 
     </div> 
    </div> 
    <div class="body4"> 
     <div class="main"> 
      <article id="content2"> 
       <div class="wrapper"> 
        <section class="col3"> 
         <h4>Why Us?</h4> 
         <ul class="list1"> 

          <li><a href="#">Professional Engineers</a></li> 

          <li><a href="#">Years of Experience</a></li> 

          <li><a href="#">Vehicle Dynamics Experts</a></li> 
         </ul> 
        </section> 
        <section class="col3 pad_left2"> 
         <h4>Address</h4> 
         <ul class="address"> 
          <li><span>Location:</span>United States, CA</li> 

          <li><span>City:</span>Northridge</li> 

          <li><span>Phone:</span>1-888-888-8888</li> 

          <li><span>Email:</span><a href="mailto:[email protected]">Contact Us</a></li> 
         </ul> 
        </section> 
        <section class="col3 pad_left2"> 
         <h4>Follow Us</h4> 
         <ul id="icons"> 
          <li><a href="#"><img src="images/icon1.jpg" alt="">Facebook</a></li> 
          <li><a href="#"><img src="images/icon2.jpg" alt="">Twitter</a></li> 

         </ul> 
        </section> 
        <section class="col2 right"> 
         <h4>Search The Site</h4> 
         <form id="newsletter" method="post"> 
          <div> 
           <div class="wrapper"> 
            <input class="input" type="text" value="Type Your Email Here" onblur="if(this.value=='') this.value='Type Your Email Here'" onFocus="if(this.value =='Type Your Email Here') this.value=''" /> 
           </div> 
           <a href="#" class="button" onClick="document.getElementById('newsletter').submit()">Search</a> 
          </div> 
         </form> 
        </section> 
       </div> 
      </article> 
<!-- content end --> 
     </div> 
    </div>

来源

2011-08-30 Spets

其有点不清楚正是你想做的事。 –

是的，我也不确定，这听起来像你需要编写特定的方法来提取你想要的特定变量？ – Psyrus

一旦我运行image.js文件或MainCalculation（）函数的计算，我想返回MainCalculation（）结尾的变量到我正在处理的当前页面 – Spets

，如果我得到它的权利，你计算这些值，他们是要显示的结果，

我建议创建要显示他们（如，在计算按钮）一个div（或一个模式框，将取代警报）。

和JS，有点基本的，但好：

var stuffToShow = [ 
'totalTime', 
'longitudinalAcceleration', 
'shiftTime', 
'numberOfShifts', 
'corneringTime', 
'numberOfCorners', 
'instantaneousCoefficientOfFriction', 
'totalFuel', 
'meanLongAccel', 
'meanHorsepower' 
]; 

var someHtml = ''; 
$(stuffToShow).each(function() { 
    someHtml += '<div id="'+this+'">'+this+': '+youResultObject[this]+</div>; 
}); 

$('#yourResultDiv').html(someHtml).slidedown('slow');

来源

2011-08-30 22:12:00 roselan

我要试试这个，虽然我不完全理解这里发生了什么。这一切都在脚本页面下的HTML页面中？ “youResultObject”是我对的对象？ – Spets

顺便说一句，我所有的变量都是数值，看起来好像我试图显示字符串？ – Spets

这会在你的images.js文件中找到，最好在以$（document）.ready（...）或$（function ...）开头的部分中，yourResultObject确实是你的对象。转换是自动的。 – roselan

这是不完全清楚你正在尝试做的，但如果这个页面是从基于JavaScript的网页，做链接在计算中，您可以使用GET或POST来传递变量（请参阅：http://www.php.net/manual/en/reserved.variables.post.php）。

如果你正在尝试改变使用php基于运行在同一页面的JavaScript的HTML，这将是不可能的。在这种情况下，我推荐只使用javascript，而不是php。

来源

2011-08-30 21:52:35 someone

没有使用任何php对不起有关php的标签让我删除它一秒 – Spets

好吧，假设你有一个JavaScript对象e.g

var data = { totalTime: 12, shiftTime: 10 }

你可以通过数据对象的循环中，创建一个标签，在对阵列中的每个数据项的输入。假设您希望在一个名为show_data的div中显示该内容

for(var i in data) 
{ 
    $('#show_data').append("<label for='"+ i + "'>" + i + "</label>"); 
    $('#show_data').append("<input id='"+ i +"' value='"+ data[i] + "' />"); 
{

不确定这是否是您要求的。这可以提高很多，但它给你一个粗略的想法。

来源

2011-08-30 22:05:33

看来，你的images.js文件进行模糊处理。我在这里出去走走，但是你可能会问如何在编译之前访问该文件中定义的变量名称之前。如果是这种情况，我有几个建议...

首先，不要模糊你的代码，它是毫无意义的，会影响性能。如果这不是一个选项，那么混淆器可能会让您定义特定的关键字而不是;在混淆器的配置中设置要访问的变量。

如果没有这种帮助，那么你可能会需要发布更多的信息。

来源

2011-08-30 22:05:53

从Javascript代码中提取约10个变量（运行后）并写入页面？

回答

相关问题