用js传递HTML之间的参数

JavaScript013

用js传递HTML之间的参数,第1张

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>,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。

第一个页面:

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>