编辑“JavaScript的运行环境和代码位置”

<span style="border:1px solid #000; text-align:center; float:right; padding:6px; margin-bottom:15px;"><strong>导航:</strong> [[JavaScript|上一页]] | {{Template:JavaScript导航}}</span>
<div style="clear:both;"></div>


编写JavaScript脚本不需要任何特殊的软件，一个文本编辑器和一个Web浏览器就足够了,JavaScript代码就是运行在Web浏览器中。
用JavaScript编写的代码必须嵌在一份[[html]]文档内才能得到执行，这可以通过两种方法得到，第一种是将JavaScript代码直接写在html文件中，这多用于仅适用于一个页面的JS程序；另一种是把JavaScript代码存入一个独立的文件中（.js作为扩展名）,在利用<Script>标签的src属性指向该文件.

将JavaScript直接嵌入页面文件中
<pre>
<%@ page contentType="text/html; charset=UTF-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>欢迎来到站长百科</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="web/js/l.js" type="text/javascript"></script>
</head>

<body>
<div>这个页面应该很快消失,如果它停止说明Web容器已经停止运作了，或JavaScript功能未开启
<form method=post action="ShowPage?page=login">
</form>
<div>
</body>
</html>

<script language="JavaScript">
<!--
document.body.onload=function(){
 document.forms[0].submit();
} 
//-->
</script>

</pre>
将JavaScript存入单独的文件中(页面文件)

<pre>
<%@ page contentType="text/html; charset=UTF-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>"我的事务备忘录"用户登录页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="web/js/ajax.js" type="text/javascript"></script>
<link rel="stylesheet" rev="stylesheet" href="web/css/style.css"
 type="text/css" />
</head>

<body>
<div id="branding">欢迎进入"个人事务备忘录",请输入您的用户名和密码,再按登录键登录
<form method=post action="ShowPage?page=loginCheck">
 <table  bgcolor="#ffffff" id="TbSort" class="Listing" width="200" align=center>
  <tbody id="loginTable">
   <tr><th align="center" colspan=3>用户登录.</th></tr>
   <tr>
    <td width=50>用户名:</td>
    <td width=150><input type="text" name="userName" value=""
      style="width: 300px; height: 20px" /></td>
   </tr>
   <tr>
    <td width=50>密码:</td>
    <td width=150><input type="text" name="userPswd" value=""
      style="width: 300px; height: 20px" /></td>
   </tr>
   <tr>
    <td width=50></td>
    <td width=150><input type="submit" value="登录"
      style="width: 100px; height: 20px" /></td>
   </tr>
  </tbody>
 </table>
</form>
<div>
</body>
</html>
</pre>

将JavaScript存入单独的文件中(ajax.js)
<pre>
var prjName="/MyTodoes/";
var ajaxObj;

function createAjaxObject(){
 try{return new ActiveXObject("Msxml2.XMLHTTP");}catch(e){};
 try{return new ActiveXObject("Microsoft.XMLHTTP");}catch(e){};
 try{return new XMLHttpRequest();}catch(e){};
 alert("XmlHttpRequest not supported!");
 return null;
}

function $(id){
     return document.getElementById(id);
}
</pre>

[[category:JavaScript基本语法]]
[[category:脚本语言|J]]