的所有人。我正在做一个只使用JavaScript(客户端,而不是服务器端)的项目,我想使用我在另一个线程中找到的NOAA脚本(我不能列出多个链接作为新用户,但我发现了这个:
http://www.srrb.noaa.gov/highlights/sunrise/sunrise.html
我想要做的是当用户输入纬度和经度并点击“提交”时,它将获得今天的日出/日落数据,并将它们存储在两个变量中(日出和日落,作为示例)。
但是,我真的希望他们可以将所有脚本(嵌入组合框中的脚本除外)放在一个单独的JavaScript文件中,以便我可以将NOAA网站上的JavaScript代码源提供给我的项目。一直在努力。
<div id="locationSetupDiv">
<fieldset>
<legend>Location</legend>
<p>
<a href="javascript:var load = window.open('http://www.esrl.noaa.gov/gmd/grad/solcalc/')">
Get your longitude and latitude from here.</a>
</p>
<table class="inputData">
<tr>
<th style="width: 75px;">
<label id="labelLongitude" for="inputModuleIDNumber">
Longitude:</label></th>
<td><input id="inputLongitude" /></td>
</tr>
<tr>
<th><label id="labelLatitude" for="inputModuleName">
Latitude:</label></th>
<td><input id="inputLatitude" /></td>
</tr>
</table>
<input type="button" value="Submit Changes"
style="float: right; margin-top: 1em;" />
</fieldset>
</div>
上面的代码是HTML格式。现在,这是我的JavaScript代码:
function PopulateFromXML()
{
listModules = document.getElementById(
"listModules").getElementsByTagName("tbody");
// Gather the text fields for location data.
inputLongitude = document.getElementById("inputLongitude")
inputLatitude = document.getElementById("inputLatitude")
// Firefox's DOM Parser treats whitespaces as text nodes, including
// line breaks.
removeWhitespace(xmlDoc.documentElement);
// Send the document's root element to the XML Object variable.
xmlObj = xmlDoc.documentElement;
// Perform the checks and populate the tables
// and any other elements that are needed.
if (xmlObj.tagName == "HomeAutomationInterface")
{
// Check to be sure the first node is the "Setup" node. It contains the
// location node.
if ((xmlObj.childNodes[0].tagName == "Setup") &&
(xmlObj.childNodes[0].childNodes[0].tagName == "Location"))
{
// Copy the data from one of the attributes to the respective text boxes.
inputLongitude.value = xmlObj.childNodes[0]
.childNodes[0].getAttribute("longitude");
inputLatitude.value = xmlObj.childNodes[0]
.childNodes[0].getAttribute("latitude");
}
// The second node within the root element is Modules node.
// This will be implemented.
if (xmlObj.childNodes[1].tagName == "Modules")
{
ListModulesInTabularData();
}
// The third node within the root element is Scenes node.
// You need modules in order for scenes to work.
// This will be implemented.
if (xmlObj.childNodes[2].tagName == "Scenes")
{
ListScenesInTabularData();
}
// The last element is the Timers node.
// This will either activate the scene or turn on, off,
// dim, brighten, or set the light level of the module if
// it is the light module or turn on or off the appliance
// module. This will be implemented.
if (xmlObj.childNodes[3].tagName == "Timers")
{
ListTimersInTabularData();
}
}
}
如您所见,当从XML文件填充时,字段集内的两个文本框将被写入。虽然我正在做一个项目作为概念验证,但我找不到将所有数据保存到XML文件的方法,所以我的老师告诉我不要担心。但是因为我编写了一个代码来以表格格式动态填充所有XML数据,所以我一直在寻找Internet中的特定JavaScript代码,或者我可以从我的项目中链接到的JavaScript文件,但是我从NOAA借用的个人项目的JavaScript代码,有谁知道如何根据纬度,经度和今天的日期获得日出/日落时间?
更新
看起来我在互联网上找到了一些东西(我在Google上搜索过:日落日落网络服务):
http://www.earthtools.org/webservices.htm
我使用关键字“sunrise sunset JavaScript”(没有引号)进行了搜索,我花了一段时间才进行搜索,然后将“JavaScript”替换为“网络服务”,我能够找到一个我正在寻找的网站for,但是当我在IE8 / 9中考虑阻止跨站点脚本编写的“同源策略”时,我真的认为这不适用于XMLHttpRequest。
答案 0 :(得分:3)
基本相同的问题,javascript是你的因素。它与已接受的答案相关联:
答案 1 :(得分:2)
我为日出和日落创建了一个javascript计算器并将其放在github here上。它基于国家可再生能源实验室公布的计算结果。我试图让它相当容易使用,但欢迎你提交改进。