页面1.html上的链接是
<a href="http://example.com/2.html">show img A</a>
在第2页上,您具有几个链接,这些链接在单击时会执行一些javascript代码。
<a href="javascript:myfunc("this.value")">show img A (default)</a>
<a href="javascript:myfunc("this.value")">show img B</a>
<a href="javascript:myfunc("this.value")">show img C</a>
<a href="javascript:myfunc("this.value")">show img D</a>
实际上,他们会更改页面上的图像,不会重新加载页面。
如何在第一页上正确添加该链接,以便第二页仅使用html加载正确的图像?
我的意思<a href="http://???valid link here???">go to page 2 with img B</a>
是,可能吗?
在这种情况下,无法实现仅HTML解决方案。无论需要在第二页中显示什么,都需要对照第一页所生成的数据进行检查。在这两者之间传递数据需要JS或服务器端方法,因为HTTP协议是无状态的。
有很多方法可以达到上述效果,但是在首页上用hash标签生成url,然后将条件JS放入,该条件JS将检索hash标签值并替换img标签内的src属性,
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句