我完成了我的Javascript代码，大约有3,000行。代码中有很多变量（60+），但是我想写一些变量给我的页面，例如
totalTime
longitudinalAcceleration
shiftTime
numberOfShifts
corneringTime
numberOfCorners
instantaneousCoefficientOfFriction
totalFuel
meanLongAccel
meanHorsepower
这些是Jscript代码中的所有变量（不包括在内，因为它太长了）。我希望能够做的是将此代码写入调用该函数的主HTML页面。 javascript函数叫做images.js（不要问lol）。我很确定我需要一个输出变量，它是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:fsaesimulation@gmail.com">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>
答案 0 :(得分：0)
目前还不完全清楚你要做什么，但是如果这个页面链接到进行计算的基于javascript的页面，你可以使用GET或POST传递变量（参见这里：{{3} }）。
如果你试图使用基于在同一页面上运行的javascript的php来改变html，那将是不可能的。在这种情况下，我建议只使用javascript而不是php。
答案 1 :(得分：0)
好吧，假设你有一个javascript对象，例如
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] + "' />" );
{
不确定这是不是你问的问题。这可以改进很多，但它给你一个粗略的想法。
答案 2 :(得分：0)
您的images.js文件似乎已经过混淆。我在这里走出困境，但你可能会问到如何在编译之前访问该文件中定义的变量名。如果是这种情况我会提出一些建议......
首先，不要像这样混淆你的代码;它毫无意义，影响性能。如果这不是一个选项，则混淆器可能会让您定义特定的关键字而不是到munge;在混淆器的配置中设置要访问的变量。
如果这些都没有帮助，那么您可能需要发布更多信息。
答案 3 :(得分：0)
如果我做对了，你计算这些值，它们就是你想要显示的结果，
我建议创建一个你想要显示它们的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');