Javascript 创建单独的js文件以供包含_Javascript_External Js

Javascript 创建单独的js文件以供包含

javascript

Javascript 创建单独的js文件以供包含,javascript,external-js,Javascript,External Js,我有一个html文件，其中当前包含我所有的javascript代码。我想创建一个单独的.js文件，将所有javascript代码放入其中，并将其包含在我的.html文件中。我尝试过这样做，还删除了.js文件中的开始/结束标记，并将这一行放在.html文件中- <script type='text/javascript' src="myfile.js"></script> 然而，这是行不通的。有什么问题吗？提前谢谢 ---------------------编辑--

我有一个html文件，其中当前包含我所有的javascript代码。我想创建一个单独的.js文件，将所有javascript代码放入其中，并将其包含在我的.html文件中。我尝试过这样做，还删除了.js文件中的开始/结束标记，并将这一行放在.html文件中-

<script type='text/javascript' src="myfile.js"></script>

然而，这是行不通的。有什么问题吗？提前谢谢

---------------------编辑-----------------------------


工艺细节
正文{字体大小：80%；字体系列：'Lucida Grande'，Verdana，Arial，无衬线；}
ul#制表符{列表样式类型：无；边距：30px 0；填充：0.3em 0；}
ul#tabs li{显示：内联；}
ul#tabs li a{颜色：#42454a；背景色：#dedbde；边框：1px实心#c9c3ba；边框底部：无；填充：0.3em；文本装饰：无；}
ul#tabs li a:悬停{背景色：#f1f0ee；}
ul#tabs li a.selected{color:#000；背景色：#f1f0ee；字体大小：粗体；填充：0.7em 0.3em 0.38em 0.3em；}
div.tabContent{边框：1px实心#c9c3ba；填充：0.5em；背景色：#f1f0ee；}
div.tabContent.hide{display:none；}
.标题{字体大小：110%；字体系列：'Century Schoolbook'；颜色：栗色；}
.数据{字体大小：110%；字体系列：'Century Schoolbook'；颜色：黑色；}
PID：

使用

http

协议而不是

https

。使用https会在Chrome中引发GET异常，但不会在Firefox中引发GET异常

您的

应该在

标签内。

您与我们共享的代码没有问题。它仍然不起作用。页面加载时不会发生任何事情。请允许我们在同一原始问题的编辑部分发布整个html。我非常确定，如果我错了，请告诉我，正文上的onload指定了页面加载的时间，而不是外部javascript库。因此，您的init函数很可能尚未定义，因此它停止运行脚本（或者如果您希望它运行init，则根本不运行它）。为了让它在页面加载时运行，您可以这样做，也可以使用jQuery（但这可能有点过头了）。@H2Ooooo：我在Chrome、Firefox和IE9中测试了代码，它在所有方面都起到了作用。这是HTML:myfile.js的内容是整个jQuery库，后面是

load（）

<html>  

<title>Process Details</title>  

<head>  
<script type="text/javascript" src="https://www.google.com/jsapi"></script>  
<script type="text/javascript" src="myfile.js">  
</script>  

<style type="text/css">  
  body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }  
  ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }  
  ul#tabs li { display: inline; }  
  ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }  
  ul#tabs li a:hover { background-color: #f1f0ee; }  
  ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }  
  div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }  
  div.tabContent.hide { display: none; }  
  .heading { font-size:110%; font-family:'Century Schoolbook'; color: maroon; }  
  .data { font-size:110%; font-family:'Century Schoolbook'; color:black; }  
</style>  

</head>  

<body onload="init()">
<center>
<font face='Calibri' size='3' color='Blue'>PID : </font>
<select id='list' onchange="refreshData()">
</select>
<form>
<input type="button" id="Refresh" onclick="refreshPage()" value="Refresh Data"/>
</form>
</center>

<ul id="tabs">
<li><a href="#memory">Memory</a></li>
<li><a href="#thread">Thread</a></li>
<li><a href="#summary">Summary</a></li>
</ul>
<div class="tabContent" id="memory">
<table id="graphtab" align="center">

<tr>
<td id="heap" align="center"></td>
<td id="nonheap" align="center"></td>
</tr>
<tr>
<td id="resident" align="center"></td>
<td id="pagefaults" align="center"></td>
</tr>

</table>
</div>
<div class="tabContent" id="thread">
<table id="threadtab" align="center">

<tr>
<td id="cpuusage" align="center"></td>
<td id="count" align="center"></td>
</tr>
<tr>
<td id="threadlist" align="center"></td>
<td id="threaddets" align="center"></td>
</tr>

</table>
</div>
<div class="tabContent" id="summary">
</div>
<a href="client.html">Home Page</a>
</body>

</html>