JavaScript学习（一）——调用内部js和外部js的例子

来源：互联网发布：艾瑞光吊灯淘宝的价格编辑：程序博客网时间：2024/04/28 16:08

JavaScript学习（一）——调用内部js和外部js的例子

最近刚刚开始做网站方面的内容。在HTML或者JSP中调用JavaScript有两种方式，一种是内部调用，另一种是外部调用。

下面是代码：

1、index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'index.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--><script type="text/javascript" src="<%=basePath%>js/test.js"></script><script type="text/javascript" src="<%=basePath%>js/test2.js"></script></head><body>This is my JSP page.<br><input type="submit" onclick="abc()" value="内部JavaScript测试按钮" /><br /><input type="submit" onclick="test()" value="外部JavaScript测试按钮1" /><br /><input type="submit" onclick="test2()" value="外部JavaScript测试按钮2" /><script type="text/javascript">function abc() {alert('这是一个内部的内部JavaScript测试按钮测试');}</script></body></html>

2、test.js

/** * 第一个JavaScript  */function test(){alert('这是一个外部JavaScript测试按钮');}

3、test2.js

/** *  */function test2(){alert('这是另一个外部测试的按钮');}

下面是工程的目录截图，能够从中看到对应的javascript文件和index.jsp的目录关系。

如果需要的话，可以在下面的链接中下载对应的项目文件http://download.csdn.net/detail/wild46cat/9459157

1 0