[求助]请问html文档后面加个问号的是什么技术？

kail4269 2012-02-24 03:41:08

请问html文档后面加个问号的是什么技术？

格式是这样的：xxx.html?id=anywhere

比如说我想实现这样一种效果，某个页面，设其文件名为：all.html，其内容大致分为左和右两大块：
左边：树形菜单
右边：菜单具体内容

当我点击左边树形菜单时，在不更换页面的前提下，右边会出现相应的内容。
例如，点击左边菜单“注册流程”，刚右边的DIV出现对“注册流程”的具体内容。

但假设当我从另外一个名为：home.html的页面上点击名为“注册流程”的链接时，浏览器则转到all.html页面的“注册流程”被点击后的状态。
请问这能完全用CSS+JS脚本实现吗？向好心人求助。非常感谢！！

...全文

1255 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

kail4269 2012-02-25

打赏
举报

问题已经得到解决了，非常感谢大家的回复，并由衷感谢zzgzzg00朋友，改进了他描述的方法后实现了我想要的效果。
下面派分了，呵呵，再次感谢热心的大伙，好人会有好报的。

kail4269 2012-02-25

打赏
举报

[Quote=引用 11 楼 zzgzzg00 的回复:]
传值用的类似表单的get提交
如 b.html为
<script type="text/javascript">
function ss(){
document.links[0].href="a.html?name="+encodeURIComponent("张三");
}
</script>
</head>

<body onload="ss()">
<a href="">test</a>
</body>
a.html则可以得到传递的值
<script type="text/javascript">
function init(){
var a=window.location.search;
a=a.substring(1,a.length);
alert(decodeURIComponent(a));
}
</script>
</head>

<body onload="init()">
</body>
[/Quote]

嗯，这方法可行。我试了一下之后发现有几个疑问：
1.来自ss()函数的语句“document.links[0].href="a.html?name="+encodeURIComponent("张三");”中的document.link[0]是返回页面中的第一个链接，这是一个数组吧。但如果我的页面上链接很多，那我就要去算被点击的链接是第几个了。
我的意思是，这条语句能不能写成document.link[s1].....然后"s1"是要传进来的参数，并且是个string型。用我的例子来说，就是写成这样：document.link["注册流程"]，这个可以的吗？

2.a.html页面当中的function init()没有与function ss{}的交互语句啊，那init()是怎么做到从b.html中得到参数并处理的？
呵呵，我比较笨，劳烦你再给我说说，解答我的疑惑。

我想实现的效果是这个的，在home.html页面有一个"注册流程"的链接，点击它可以去到all.html页面当中，并将id="reg"的DIV的"display"设置为"block"。假设我有预先写好JS函数来设置display属性，名为setBlock('reg')。

似梦飞花 2012-02-24

打赏
举报

传值用的类似表单的get提交
如 b.html为
<script type="text/javascript">
function ss(){
document.links[0].href="a.html?name="+encodeURIComponent("张三");
}
</script>
</head>

<body onload="ss()">
<a href="">test</a>
</body>
a.html则可以得到传递的值
<script type="text/javascript">
function init(){
var a=window.location.search;
a=a.substring(1,a.length);
alert(decodeURIComponent(a));
}
</script>
</head>

<body onload="init()">
</body>

kail4269 2012-02-24

打赏
举报

[Quote=引用 8 楼 cwencool 的回复:]
一般该作用于取参数值做用，如使用AJAX或跳转时，将本页面要用于跳转页面的值传过去，例如：从一个用户列表，点击某一个用户要在另一页面显示该用户详细信息，就在跳转到显示用户详细页面中用userDetail.html?userid=1，这时提取用户ID并查询数据库得到其详细信息
[/Quote]

明白了，那一般的跳转要使用到AJAX吗？如果我没有使用或声明AJAX的话，可以直接使用aaa.html?id=bbb这样的写法吗？
还有，你举的这个例子所使用的id是某个页面整个页面的id，而我想要的效果是跳转到aaa.html页面中，并显示id为bbb的框架内容。

请问要达到这样的效果，不使用除JS和CSS之外的技术可以做得到吗？

xfsnm110 2012-02-24

打赏
举报

[Quote=引用 7 楼 kail4269 的回复:]

引用 6 楼 acesidonu 的回复:
传的参数

能不能讲具体一点呢？可以在<a>标签中传递*.html?id=xxx这样的链接吗？
[/Quote]

就是这样传

cwencool 2012-02-24

打赏
举报

一般该作用于取参数值做用，如使用AJAX或跳转时，将本页面要用于跳转页面的值传过去，例如：从一个用户列表，点击某一个用户要在另一页面显示该用户详细信息，就在跳转到显示用户详细页面中用userDetail.html?userid=1，这时提取用户ID并查询数据库得到其详细信息

kail4269 2012-02-24

打赏
举报

[Quote=引用 6 楼 acesidonu 的回复:]
传的参数
[/Quote]
能不能讲具体一点呢？可以在<a>标签中传递*.html?id=xxx这样的链接吗？

Acesidonu 2012-02-24

打赏
举报

传的参数

kail4269 2012-02-24

打赏
举报

木有高手回答？自己顶一个。

kail4269 2012-02-24

打赏
举报

[Quote=引用 3 楼 free_wind22 的回复:]
用iframe也行。
[/Quote]

能直接用JS脚本或HTML去实现操作1么？
因为我对iframe一窃不通的，能简单点用JS完成就最好不过了。呵呵。

囧 2012-02-24

打赏
举报

用iframe也行。

kail4269 2012-02-24

打赏
举报

[Quote=引用 1 楼 sbwgdc 的回复:]
用ajax请求，实现无痕刷新

从home.html带一个参数到all.html页面，也就是xxx.html?id=anywhere

在all.html页面里面判断参数，如果参数的值代表的是注册流程的，那就呈现注册流程的内容
[/Quote]

请问可以写个简单的例子给我看看吗？
我把元素给你列一遍，如下：

页面：home.html(包含链接到all.html页面中“注册流程”的展开状态)、all.html（包含左侧的树形菜单和右侧的内容展示，都用DIV实现，每个DIV有独立的id）

all.html中的DIV：
树形菜单中的“注册流程”框架，id为"reg";
右侧内容中的“注册流程”具体内容框架:id为"reg_detail"。

操作：
1.点击home.html中的“注册流程”链接，则向all.html页面传递参数（id="reg_detail"）以展开“注册流程”的具体内容框架。
2.在all.html页面中点击“注册流程”链接（实为DIV中的链接），则右侧的id为"reg_detail"的框架的display="block"，其余DIV的display="none"。

请提供一下思路，要是有方法就更好了，呵呵。

我对操作1的做法是这样的，代码如下：
<a href="all.html?id=reg_detail">注册流程</a>
但这是不成功的，不知如何改进。

对操作2的做法暂时还未想到，望能继续提点。