1、首先打开Eclipse。
2、点击菜单栏File->New->Dynamic Web Project 。
3、点击Next，进入下一步。
4、点击Finish，完成项目创建。
5、创建一个add.jsp 。
6、在add.jsp添加一段脚本，用来计算两个数的和。
7、使用jsp:include 导入动态文件，使用jsp:param传递参数。
扩展资料
一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘 *** 作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。
标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
标记符<html>，说明该文件是用超文本标记语言（本标签的中文全称）来描述的，它是文件的开头而</html>，则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
1、首先创建一个文件夹，这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。
2、打开html文件，在html文件上找到<body>，在<body>标签里创建一个按钮标签，然后给这个标签添加一个点击addJs事件。
3、在js文件夹下创建一个js文件为addJs.js。
4、在addJs.js文件上输入一个alertd出框并保存，当引入js文件成功就会执行alertd出框。
5、回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJs.js文件的addJs事件。
6、保存html文件后使用浏览器打开，点击按钮即可看到出现一个d出，表示引入js文件成功。
第一个页面：mobile.html?title=encodeURIComponent(手机APP制作)&src=encodeURIComponent(images/App.jpg)
第二个页面：
在body的onload中处理
document.getElementById(divs)
document.getElementById(imgs)
以下函数可以取出穿过来的参数，如：GetQueryString("title")，其中用到了decodeURIComponent，和传参时的处理对应
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")
var r = window.location.search.substr(1).match(reg)
if (r != null) return decodeURIComponent(r[2])return null
}
实例如下：
<html>
<head>
<title>第一个页面</title>
</head>
<body>
<ul id="idUl">
</ul>
<script type="text/javascript">
var li = document.createElement("li")
li.innerHTML = "<a href='second.html?title=" + encodeURIComponent("手机APP制作") + "&src=" + encodeURIComponent("images/App.jpg") + "'>手机App制作</a>"
document.getElementById("idUl").appendChild(li)
</script>
</body>
</html>
<html>
<head>
<title>第二个页面</title>
<script lang="javascript" type="text/javascript">
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")
var r = window.location.search.substr(1).match(reg)
if (r != null) return decodeURIComponent(r[2])return null
}
function showContent() {
document.getElementById("divs").innerHTML = GetQueryString("title")
document.getElementById("imgs").src = GetQueryString("src")
}
</script>
<head>
<body onload="showContent()">
<div id="divs"></div>
<img id="imgs" src="" />
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）