常用JS代码和常用DOM操作

    技术2022-05-11  102

    控制横向和纵向滚动条的显隐? <body style="overflow-y:hidden"> 去掉x轴 <body style="overflow-x:hidden"> 去掉y轴 <body scroll="no">不显 -------------------------------------------------------------------------------- 表格变色 <TD οnmοuseοver="this.style.backgroundColor='#FFFFFF'" οnmοuseοut="this.style.backgroundColor=''" style="CURSOR: hand"> -------------------------------------------------------------------------------- 禁止复制,鼠标拖动选取 <body οndragstart=window.event.returnValue=false οncοntextmenu=window.event.returnValue=false onselectstart=event.returnValue=false> -------------------------------------------------------------------------------- 普通iframe页面 <iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe> -------------------------------------------------------------------------------- iframe自适应高度 <iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no οnlοad="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe> -------------------------------------------------------------------------------- IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标 <link rel="Shortcut Icon" href="favicon.ico"> <link rel="Bookmark" href="favicon.ico"> -------------------------------------------------------------------------------- 字号缩放 越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。 <script type="text/javascript"> function doZoom(size) {document.getElementById('zoom').style.fontSize=size+'px';} </script> <span id="zoom">需要指定大小的文字</span> <a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a> -------------------------------------------------------------------------------- select挡住div的解决方法 在div里加入下面的代码,根据需要调整就可以了。 <iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;"> </iframe> -------------------------------------------------------------------------------- iframe(嵌入式帧)自适应高度 填写的嵌入地址一定要和本页面在同一个站点上,否则会提示“拒绝访问!”。对跨域引用有权限问题,请查阅其他资料。 <iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no οnlοad="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight"></iframe> -------------------------------------------------------------------------------- 跳转菜单新窗口 <select name="select" οnchange="window.open(this.options[this.selectedIndex].value)"> <option value=" http://www.microsoft.com/ie"> Internet Explorer</option> <option value=" http://www.microsoft.com"> Microsoft Home</option> <option value=" http://msdn.microsoft.com"> Developer Network</option> </select> -------------------------------------------------------------------------------- flash透明选项 <param name="wmode" value="transparent"> -------------------------------------------------------------------------------- 添加到收藏夹和设为首页 <a href=# οnclick="this.style.behavior='url(#default#homepage)';this.setHomePage(' http://www.makewing.com/lanren/');">设为首页</a> <a href="javascript:window.external.AddFavorite(' http://www.makewing.com/lanren/','懒人图库')">收藏本站</a> -------------------------------------------------------------------------------- 记录并显示网页的最后修改时间 <script language=JavaScript> document.write("最后更新时间: " + document.lastModified + "") </script> -------------------------------------------------------------------------------- 节日倒计时 <Script Language="JavaScript">    var timedate= new Date("October 1,2002");    var times= "国庆节";    var now = new Date();    var date = timedate.getTime() - now.getTime();    var time = Math.floor(date / (1000 * 60 * 60 * 24));    if (time >= 0)    document.write( "现在离"+times+"还有: "+time +"天") </Script> -------------------------------------------------------------------------------- 加在HEAD里 禁止缓存 <meta http-equiv="Expires" CONTENT="0"> <meta http-equiv="Cache-Control" CONTENT="no-cache"> <meta http-equiv="Pragma" CONTENT="no-cache"> -------------------------------------------------------------------------------- 让IFRAME框架内的文档的背景透明 <iframe src="about:<body style='background:transparent'>" allowtransparency></iframe> -------------------------------------------------------------------------------- 打开窗口即最大化 <script language="JavaScript"> <!-- Begin self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) // End --> </script> -------------------------------------------------------------------------------- 加入背景音乐 <bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE <embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用 -------------------------------------------------------------------------------- 滚动 <marquee direction=up height=146 οnmοuseοut=start() οnmοuseοver=stop() scrollAmount=2>滚动信息 </marquee> -------------------------------------------------------------------------------- 防止点击空链接时,页面往往重置到页首端 代码“javascript:void(null)”代替原来的“#”标记 -------------------------------------------------------------------------------- 文字或图片弹出指定大小的窗口 在body中加入 <script language="JavaScript" type="text/JavaScript"> function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);} </script> 弹出代码 <a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">图片或文字</a> -------------------------------------------------------------------------------- flash按钮加链接 on (press) { getURL(" http://www.makewing.com","_blank"); } -------------------------------------------------------------------------------- 跳转页面代码 <meta http-equiv="refresh" content="5;url=http://www.makewing.com"> -------------------------------------------------------------------------------- 细线分隔线 <hr noshade size=0 color=#C0C0C0> -------------------------------------------------------------------------------- 网页中的自动换行 <td style="word-break:break-all">就搞定了。 完整的是 style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word" -------------------------------------------------------------------------------- 消除ie6自动出现的图像工具栏,设置 GALLERYIMG属性为false或no . <IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no"> -------------------------------------------------------------------------------- 禁止页面正文内容被选取 <body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()"> -------------------------------------------------------------------------------- 不能点右键,不用CTRL+A,不能复制作! <body οncοntextmenu="window.event.returnValue=false" οnkeypress="window.event.returnValue=false" οnkeydοwn="window.event.returnValue=false" οnkeyup="window.event.returnValue=false" οndragstart="window.event.returnValue=false" onselectstart="event.returnValue=false"> </body>  

    最新回复(0)