a链接的href如何动态设置参数值
来源:网络收集 点击: 时间:2024-02-15【导读】:
页面上显示的链接,经常需要修改,所以a标签里面的href经常是通过动态设置参数值的。下面就用个小例子介绍一下a链接的href如何动态设置参数值。工具/原料moreNotePad++浏览器方法/步骤1/6分步阅读
2/6
3/6
4/6
5/6

6/6

前端网站
首先在一个文件夹下创建一个index.html文件。

然后用可编辑文本文件的软件打开index.html,并在index.html中加入如图内容。里面的内容比较简单,就三个按钮和一个a标签。

接着编写changeHref函数,具体内容如图。changeHref函数需要传递两个参数,一个是要设置的href值,一个是链接上要显示的文字。

编辑完index.html文件后,用浏览器打开index.html。打开后的效果如图。

然后点击第一个按钮,点击完后,可以看到链接上的文字变成了【百度搜索】,点击该链接,可以成功跳转到百度搜索的页面。



接着再测试百度经验的跳转。点击第二个按钮,点击完后,可以看到链接上的文字变成了【百度经验】,点击该链接,可以成功跳转到百度经验的页面。
两次测试都成功跳转到对应的页面,说明成功动态设置a链接中的href值。



版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_43158.html
上一篇:新手机号如何绑定旧手机微信号
下一篇:dnf怎么给装备赋予异次元属性