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

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文件，点击图片，查看实现的效果。

百度经验

在function(e){}函数体中用语句

e.preventDefault()

$('#id').click(function(e) {

e.preventDefault()

})

错在：这个是jquery代码，没有加载jquery库就不能运行，其次，这个return false不对。

扩展资料：

js事件绑定方式总结（click事件）

1、HTML onclick事件属性

<button onclick="clickMe(this)">click me</button>

function clickMe(this) {2     alert("click me")3 }

2、JavaScript onclick事件

<button id="button">click me</button>

document.getElementById("button").onclick=clickMe

3、IE4+<script for>

1 <button id="button1">click me</button>

1 <script for="button1" event="onclick">2     alert("click me")3 </script>

4、IE5/windows attachEvent()方法薯指

<button id="button2">click me</button>

document.getElementById("button2").attachEvent("onclick"渣闷,clickMe)

5、如手弯W3C DOM addEventListener()方法

<button id="button3">click me</button>

document.getElementById("button3").addEventListener("click",clickMe)

---