JavaScript的运行环境和代码位置
导航: 上一页 | 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>
<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);
}