<!DOCTYPE html> <br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src='cf.js' type='text/javascript'></script> <h1>我的第一段 JavaScript</h1> <p> JavaScript 能够对事件作出反应。比如对按钮的点击: </p> <button id="button" type="button" οnclick="alert('Welcome!')">点击这里</button> <button type="button" οnclick="mm()">点击这里这里</button> <img src="logo.png" alt="文档" > </img> <script> function hide(e,reflow) { if(reflow) { e.style.display = "none" } else { e.style.visibility = "hidden"; } } function highlighted(e) { if (!e.className) { e.className = "hilite"; } else { e.className += " hilite"; } } hide(document.getElementById("button"),true); </script> <script>//在这里编写嵌入html function moveon() { //通过弹出一个对话框来询问用户一个问题 var answer = confirm("准备好了吗?"); if(answer) window.location = "http:/taobao.com"; } //setTimeout(moveon,6000); function debug(msg) { var log = document.getElementById("dabuglog"); if (!log) { log = document.createElement("div"); log.id = "debuglog"; log.innnerHtml = "<h1>Debug log</h1>"; document.body.appendChild(log); } var pre = document.createElement(msg); var text =document.createTextNode("我是最棒的"); pre.appendChild(text); log.appendChild(pre); } //debug("我是最棒的")</script> <br> Hello <button οnclick="hide(this,true); debug('hide button 1');"> hide1</button> <button οnclick="hide(this);debug('hide button 2');">hidde2</button> world <script> window.onload = function () { var images = document.getElementsByTagName("img"); for (var i =0 ;i<images.length;i++) { var image = images[i]; if (image.addEventListener) image.addEventListener("click",hide,false); else image.attachEvent("onclick",hide); } function hide(event) { event.target.style.visibility = "hidden"; } } </script> </body> </html>
javascript操纵网页的事件行为 六
最新推荐文章于 2022-05-09 14:21:14 发布