javascript点击图片实现链接到其他页面

JavaScript014

javascript点击图片实现链接到其他页面,第1张

javascript点击图片实现链接到其他页面需要新建一个html文件，命名为test.html，用于讲解jquery如何实现点击图片后跳转到另外一个页面。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，创建一个div模块，在div内，使用img标签创建一张图片，图片地址为images文件夹下面的1.jpg图片。在test.html文件内，设置img标签的id属性，下面将通过此id来绑定点击事件，例如，设置img标签的id属性为myimg。在test.html文件内，在js标签中，通过img标签的id获得对象，给该对象绑定click点击事件，当图片被点击时，执行function内的代码。在function方法体内，使用location.href来实现跳转至另一个页面，例如，这里设置跳转至百度网站。在浏览器打开test.html文件，点击图片，查看实现的效果。

百度经验

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并且其中有一个div中有a标签。

2、在index.html的<script>标签中，输入js代码：window.location.href = 'http://' + $('div a').attr('href')。

3、浏览器运行index.html页面，此时取出了div中a标签中的百度知道链接并自动点击跳转了。