静态网页间的值传递

类别:网站制作 点击:0 评论:0 推荐:

实现功能:利用#书签在网页间传递参数
原理:用JAVASCRIPT获得页面URL分离出#后面的参数
应用:以11.htm为模版,从index.htm页进入通过传入相应的#位置得到相应的内容。
文件:
index.htm进入页

<html>
<head>
</head>
<body>
<a href="1.html#aa" target="_blank">1.html#aa-进入1.HTML传递变量aa</a><br>
<a href="1.html#bb" target="_blank">1.html#bb-进入1.HTML传递变量bb</a>
</body>
</html>

11.htm模版页

<html>
<body>
<script>
//功能:通过#位置符在网页间传递参数
var the_url=document.location.href;
//接收url中#后的字符串
var the_var_pos_of_url=the_url.indexOf("#")+1;
var the_var=the_url.substring(the_var_pos_of_url,the_url.length);
alert("the var_char is:"+the_var);
</script>
<script>
//输出变量参数
document.write("<center> <iframe src=");document.write(the_var);document.write(".html name=\"test\" align=left width=200 height=200 marginwidth=5 marginheight=5 frameborder=1  > 很抱歉,阁下使用的浏览器并不支援 IFrame,不能正常浏览我的网页。</iframe> ");
</script>
<a name="aa">#aa</a>
<a name="bb">#bb</a>
<a href="aa.html" target="test">aa.html</a>
<a href="bb.html" target="test">bb.html</a>
</body>
</html>

aa.htm内容页a

<HTML>
<HEAD>
</HEAD>
<BODY>
this is aa.html
</BODY>
</HTML>

bb.htm内容页b

<HTML>
<HEAD>
</HEAD>
<BODY>
this is bb.html
</BODY>
</HTML>

首次发表文章 请高手多题意见

本文地址:http://com.8s8s.com/it/it31078.htm