JavaScript的运行环境和代码位置

来自站长百科
Zhou3158讨论 | 贡献2009年11月14日 (六) 15:26的版本 (新页面: <span style="border:1px solid #000; text-align:center; float:right; padding:6px; margin-bottom:15px;"><strong>导航:</strong> 上一页 | {{Template:JavaScript导航}}</sp...)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航、​ 搜索

导航: 上一页 | aJAX| XML | DreamWeaver | PhotoShop | Discuz | Asp | php | java | HTML | XHTML


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

将JavaScript直接嵌入页面文件中

<%@ 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>

这个页面应该很快消失,如果它停止说明Web容器已经停止运作了,或JavaScript功能未开启

<form method=post action="ShowPage?page=login"> </form>

</body> </html>

<script language="JavaScript"> </script>


将JavaScript存入单独的文件中(页面文件)

<%@ 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>

欢迎进入"个人事务备忘录",请输入您的用户名和密码,再按登录键登录

<form method=post action="ShowPage?page=loginCheck">

<tbody id="loginTable"> </tbody>
用户登录.
用户名: <input type="text" name="userName" value="" style="width: 300px; height: 20px" />
密码: <input type="text" name="userPswd" value="" style="width: 300px; height: 20px" />
<input type="submit" value="登录" style="width: 100px; height: 20px" />

</form>

</body> </html>

将JavaScript存入单独的文件中(ajax.js)

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);

}