从Javascript代码中提取大约10个变量(运行后)并写入页面
Extracting about 10 variables from Javascript code(after running) and writing to page?
我完成了我的Javascript代码，它大约有3000行长。代码中有许多变量(60多个)，但我想将其中一些变量写入我的页面，例如
totalTime
longitudinalAcceleration
shiftTime
numberOfShifts
corneringTime
numberOfCorners
instantaneousCoefficientOfFriction
totalFuel
meanLongAccel
meanHorsepower
这些都是Jscript代码中的变量(不包括在内，因为它太长了)。我想要能够做的是编写这段代码到我的主HTML页面调用该函数。javascript函数叫做images.js(不要问lol)。我很确定我需要一个输出变量，这是Jscript文件中的一个对象。这一部分我不太确定如何做，或者如何在实际的HTML页面中编写object变量的部分。
基本上我正在运行主计算()这是包含在image.js，这个函数运行后，我想拉这些变量，并把它们写到我的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>
如果我算对了，这些值就是你想要显示的结果，
我建议在你想要显示它们的地方创建一个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');
不完全清楚您想要做什么，但是如果这个页面是从基于javascript的页面链接到的，那么您可以使用GET或POST传递变量(参见这里:http://www.php.net/manual/en/reserved.variables.post.php)。
如果你试图改变html使用php基于javascript运行在同一页面，这将是不可能的。在这种情况下，我建议只使用javascript，而不是php。
假设你有一个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] + "' />" );
{
不确定这是不是你要问的。这可以改进很多，但它给了你一个粗略的想法。
看起来您的images.js文件被混淆了。我要出去在这里一个分支，但它是可能的你问如何访问变量名称定义在JS文件它被编译之前。如果是这样的话，我有一些建议…
首先，不要像那样混淆你的代码;这毫无意义，而且会影响性能。如果这不是一个选项，混淆器可能会让你定义特定的关键字而不是来修改;在obfuscator的配置中设置你想要访问的变量。
如果这些都没有帮助，那么你可能需要发布更多的信息。
相关文章：
- 变量在运行时未定义，但在使用调试器时定义
- Javascript - 加载函数运行时未定义的变量
- PHP:运行后变量不工作“;如果“;命令
- Chrome扩展:是否有一种方法可以运行JavaScript来获取页面上的内部html，并将其保存到扩展中的变量中
- 当变量发生变化时运行PHP
- Javascript变量在函数运行后不断重置自身
- Scala提升了如何运行javascript函数并将返回值存储在变量中
- 在异步AJAX调用完成后，通过变量运行函数
- 如何更改javascript的一个变量，然后运行;“加载”;而无需重新加载页面
- 在单独的上下文中运行 js 代码并访问其全局变量
- 在运行时使用预先确定的对象分配变量
- 如何使用仅在运行时已知的变量名称调用 JavaScript 函数
- 如何在运行总计计算器时返回表单输入并更新 JavaScript 变量
- 将函数分配给javascript中的变量是否运行该函数
- 在函数声明而不是运行时分析所有变量
- 代码在shell中运行，但提供'可以't查找变量'从文件运行时出错
- 未访问全局变量，未运行代码
- JavaScript 将函数分配给变量而不运行它
- 可以在模块中运行.导出访问模块中的全局变量
- 如何使用 jsp 变量在 javascript 中运行 oracle 查询
