创建单独的 js 文件进行包含
Create separate js file for inclusion
我有一个html文件,目前它包含了我所有的javascript代码。我想创建一个单独的.js文件,将所有javascript代码放入其中,并将其包含在我的.html文件中。我尝试这样做,并且还删除了.js文件中的开始/结束标记,并将这一行放在.html文件中 -
<script type='text/javascript' src="myfile.js"></script>
但是,这是行不通的。有什么想法吗?提前谢谢。
---------------------编辑-----------------------------
<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>
使用http
协议而不是https
。使用 https 会在 Chrome 中抛出 GET 异常,但不会在 Firefox 中抛出。
您的<title>
应该在<head>
标签内。
相关文章:
- Javascript的行为与PHP包含文件不一致
- 包含文件时发生冲突
- onclick上的javascript包含文件
- 如何使用JS包含文件或PHP代码
- Javascript;HTML文件API-基于文件对象的javascript对象是否仍然包含文件'的位置
- 基于屏幕大小的动态包含文件不起作用
- 从包含文件夹的文件夹中随机选择文件,然后选择文件
- 在不刷新页面的情况下更改内容或包含文件
- NodeJS - 无法打开包含文件:“unistd.h”:
- 如何在卡斯珀测试文件中包含文件内容
- 在父帧和子帧之间共享 javascript 包含文件
- jQuery, Masonry, JWPlayer, Infinite-Scroll 在 PHP 包含文件中追加“
- 文件上传器表单提交事件调用面板以显示包含文件更新程序我想删除代码重写在 jquery 中使用循环重写所有文件类型
- 如何将 var 传递给包含文件,然后使用 php、javascript 在包含文件中使用此变量
- 脚本元素不包含文件,在 FIrebug 中为空
- php返回将包含文件的内容发送到javascript
- 正在加载包含文件内容的文本区域
- Apache CXF 3.在Javascript中包含文件
- 使用jQuery包含文件并获取它's的内容长度
- AngularJS指令包含文件内容