Javascript Html外部函数调用

Javascript Html外部函数调用,javascript,html,Javascript,Html,我有两个html文件,即example和addactivity。我在示例中有一个函数,我想从addactivity调用它,这样即使我的示例文件也会更新。我已经尽了我所能,但没有运气。我该怎么做?请帮忙 example.html <html> <head> <title>example</title> <script type="text/javascript"> function displayResult() { var table

我有两个html文件,即example和addactivity。我在示例中有一个函数,我想从addactivity调用它,这样即使我的示例文件也会更新。我已经尽了我所能,但没有运气。我该怎么做?请帮忙 example.html

<html>
<head>
<title>example</title>
<script type="text/javascript">

function displayResult()
{
var table=document.getElementById("myTable");
var row=table.insertRow(0);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
var cell3=row.insertCell(2);
var cell4=row.insertCell(3);
cell1.innerHTML=document.getElementById('txtact').value;
cell2.innerHTML=document.getElementById('txtcat').value;
cell3.innerHTML=document.getElementById('datetime').value;
cell4.innerHTML=document.getElementById('datetime1').value;
}

</script>
</head>
<body>
<form>
Username: <input type="text" name="txtname"><br>
Branch: <input type="text" name="txtbranch"><br>
<table style="border:1px solid black;" cellpadding="-2">
<tr>
<th width="70%" bgcolor="#D8E4BC">Activity</th>
<th><button type="button" onclick="location.href='add-activity.html'">Add</button>
</th>
</tr>
</table>
<table id="myTable" border="1" width="33.69%">
  <tr>
    <td>Coll Activity</td>
    <td>category</td>
     <td>From</td>
      <td>To</td>
  </tr>
</table>
<br><br><br><br><br><br>
<button type="submit" onclick="location.href='submit.html'">Submit</button>
</form>
</body>
</html>

实例
函数displayResult()
{
var table=document.getElementById(“myTable”);
var行=table.insertRow(0);
var cell1=行插入单元格(0);
var cell2=行插入单元格(1);
var cell3=行插入单元格(2);
var cell4=行插入单元格(3);
cell1.innerHTML=document.getElementById('txtact').value;
cell2.innerHTML=document.getElementById('txtcat').value;
cell3.innerHTML=document.getElementById('datetime').value;
cell4.innerHTML=document.getElementById('datetime1').value;
}
用户名:
分支机构:
活动 添加 Coll活性 类别 从…起 到





提交
add-activity.html

<html>
<head>
<title>Add activity</title>
<style type="text/css">
 button {
    width: 10em;
    padding: -2em;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000;
    -webkit-box-shadow: 2px 2px 3px #999; 
    box-shadow: 2px 2px 2px #bbb;
    background-color: #7F98E5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ede8), to(#7F98E5),color-stop(0.6, #1947D1));
}
</style>
</head>
<body>
<b><font face="verdana" size="4">
<table style="border:1px solid black;">
<tr>
<td width="43%" bgcolor="#D8E4BC">Add Activity</td>
</tr>
</table>
</font>
<br>
<br>
<form>
Activity: <input type="text" placeholder="Enter Activity..." size="33" id="txtact" name="txtact"><br>
Category: <input type="text" placeholder="Enter Category..." size="33" id="txtcat" name="txtcat"><br>
Duration:<br><br>
From: &nbsp;&nbsp;&nbsp; <input type="time" name="usrtime" id="usrtime"><br>
To: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="time" name="usrtime1" id="usrtime1"><br><br>
</form>
<button type="button" class="button">Add</button> &nbsp;&nbsp;&nbsp;
<button type="button" class="button" onclick="location.href='example.html'">Cancel</button>
</b>
</body>
</html>

添加活动
钮扣{
宽度:10em;
填充:-2米;
颜色:#ffffff;
文本阴影:1px 1px 1px#000;
-webkit盒阴影:2px 2px 3px#999;
盒影:2PX2PX2PX#bbb;
背景色:#7F98E5;
背景图像:-webkit渐变(线性,左上,左下,从(#e9ede8)到(#7F98E5),颜色停止(0.6,#1947D1));
}
添加活动


活动:
类别:
持续时间:

发件人:
致:

添加 取消
尝试在外部文件中添加java脚本函数,并使用标记将其添加到标题中,然后在示例中调用它并添加活动文件

能否发布该函数以及如何调用它们?是否使用iFrame?如果没有,最好的办法是删除js代码并将其放在一个单独的“.js”文件中,并在每个页面上包含该文件。我的示例文件中有一个表,我希望通过用户在“添加活动”文件中的输入来更新该表。我的“添加活动”文件有一些字段和“添加”按钮当我输入字段值并单击“添加”按钮时,它应根据这些值更新示例文件中的表我的示例文件中有一个表,我希望通过“添加活动”文件中的用户输入更新该表。我的“添加活动”文件有一些字段和“添加”按钮当我输入字段值并单击“添加”按钮时,它会根据这些值更新示例文件中的表我认为您对脚本编写非常熟悉,您的代码看起来像是在学习,任何如何给出您的确切要求,并给出明确的解释抱歉,请稍后回复,但是的,我是一个新手,我希望当我从示例文件中单击“添加活动”按钮时,它应打开“添加活动文件”,当我写入所有数据并单击“添加”时,添加活动文件应关闭,并且该数据应在示例文件中显示为表格。所以我可以继续添加活动或从表中删除它