javascript 操纵a标签的href属性
javascript 操纵a标签的href属性
有时候我们会创建这样的一个a标签，它的的href属性根据页面环境来确定。
比如我们得到一个url: http://www.baidu.com/s?wd=hello
但是我们想根据这个url 来动态设置我们自己的一个a标签的属性为 http://www.google.com/search?q=hello
这个时候我们就可以用javascript函数来取得需要的一些参数，动态进行设置了
Js代码
- 1.// selfObject: 需要设置href属性的a标签
- 2.function linkToUrl(selfObject) {
- 3. var url = "http://www.google.com/search?q=";
- 4. url += window.location.href;
- 5.
- 6. selfObject.href = url;
- 7.}
复制代码下面这个是测试用例，直接保存成jsp文件就可以运行了：
Js代码
- 1.<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
- 2.
- 3.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- 4.<html>
- 5. <head>
- 6. <title>javascript操纵a标签的href属性</title>
- 7. <meta http-equiv="pragma" content="no-cache">
- 8. <meta http-equiv="cache-control" content="no-cache">
- 9. <meta http-equiv="expires" content="0">
- 10.
- 11. <script type="text/javascript">
- 12. function linkToUrl(selfObject) {
- 13. var url = "http://www.google.com/search?q=";
- 14. url += window.location.href;
- 15. selfObject.href = url;
- 16. }
- 17.
- 18. function showUrl() {
- 19. var url = "http://www.google.com/search?q=";
- 20. url += window.location.href;
- 21. return url;
- 22. }
- 23. </script>
- 24.
- 25. </head>
- 26.
- 27. <body>
- 28. <div>
- 29. <a href="javascript:void(0);" onclick="linkToUrl(this)">打开URL页面</a>
- 30. </div>
- 31. <div>
- 32. <a href="javascript:showUrl()">显示URL路径</a>
- 33. </div>
- 34. </body>
- 35.</html>
复制代码
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论