您的位置：首页 > Web前端 > JavaScript

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

2016-03-11 20:09 579 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航