1.2客户端JavaScript

    xiaoxiao2021-12-14  19

    //引入js文件 <html> <head> <script src="library.js"></script> </head> <body> <p> This is a paragraph of HTML </p> <script> //嵌套到HTML中的js代码 </script> <p> Here is more HTML. </p> </body> </html> //js全局函数 <script> function moveon(){ var answer=confirm("准备好了吗") if(answer){ window.location="http://taobao.com"; } } setTimeout(moveon,60000) </script> //通过脚本操作HTML内容 function debug(msg){//指定区域输出调试信息 var log=document.getElementById("debuglog"); if(!log){//不存在就创建一个 log=document.createElement("div"); log.id="debuglog"; log.innerHTML="<h1>Debug Log</h1>"; document.body.appendChild(log); } var pre=document.createElement("pre");//创建pre标签 var text=document.createTextNode(msg);//将msg包装在文本节点中 pre.appendChild(text); log.appendChild(pre); } //如何操作HTML中定义的web内容的元素 function hide(e,reflow){ if(reflow){//如果第二个参数为true;隐藏元素 e.style.display="none"; }else{ e.style.visibility="hidden"; } } function highlight(e){ if(!e.className){ e.className="hilite"; }else{ e.className+="hilite"; } } //通过事件处理程序来定义文档行为 <script src="debug.js"></script> <script src="hide.js"></script> Hello <button onclick="hide(this,true);debug('hide button 1);" >Hide1</button> <button onclick="hide(this);debug('hide button 2);">Hide2</button> World //load事件只有在文档加载完成以后才会触发 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"; } } //使用js来控制页面的内容,CSS function debug(msg){ var log=$("#debuglog"); if(log.length==0){ log=$("<div id='debuglog'><h1>Debug Log<h1></div>"); log.appendTo(document.body);//追加到body后面 } log.append($("<pre/>").text(msg)); }
    转载请注明原文地址: https://ju.6miu.com/read-969888.html

    最新回复(0)