使用dom与js函数在当前页展示用户想要查看的图片
2016-04-08 10:32
513 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title></title> <style type="text/css"> </style> <html> <head> </head> <body> <h1>snaphot</h1> <li> <a href="img/c.jpg" title="aaa" >aaa</a> </li> <li> <a href="img/02.jpg" title="bbb">bbb</a> </li> </ul> <img id="placeholder" src="img/c.jpg" alt="my img"> </body> </html> <script> function showpic(e){ var source = this.getAttribute("href"); var placeholder = document.getElementById("placeholder"); placeholder.setAttribute('src',source); window.event.returnValue = false; }; var aArray=document.getElementsByTagName('a'); for(var i=0;i<aArray.length;i++){ aArray[i].addEventListener('click',showpic,false); } </script> </body> </html>
相关文章推荐
- javascript数组的属性、方法和清空-最全!!!(必看)
- jsp页面使用el按key获取map中的对应值
- json 点滴
- JS中函数参数的传递
- json
- JS在页面Frame和子Frame之间的调用
- json2xlsx AND xlsx2json 接口
- js动态生成css代码
- JSP中四种传递参数中文乱码问题
- Js的引用关系示例和总结
- 超简单的js题 学习笔记
- JS 重新加载当前页面或者父页面
- JS----简单表单密码强度检验
- JSTL标签库简介
- ExtJS实现Excel导出
- 模块化JavaScript设计模式(一)
- js 截取字符串
- JSON资料整理(转)
- 页面缓存js问题解决
- 用js导出页面table到excel表中