常见问题及代码(1)

类别:软件工程 点击:0 评论:0 推荐:

检查是否为首页


<HTML XMLNS:IE> <HEAD> <STYLE> @media all { IE\:HOMEPAGE {behavior:url(#default#homepage)} } </STYLE> <SCRIPT> function fnVerify(){ sQueryHome = oHomePage.isHomePage(oHomeHref.value); alert(sQueryHome); event.returnValue = false; } </SCRIPT> </HEAD> <BODY> <IE:HOMEPAGE ID="oHomePage" /> <INPUT TYPE=text ID=oHomeHref VALUE="http://www.microsoft.com"> <INPUT TYPE=button VALUE="Verify" onclick="fnVerify()"> </BODY> </HTML>
   提示:你可以先修改部分代码再运行

判断一个层是否被隐藏

判断一个层是否被隐藏?例如,如果某一个层是被隐藏的就弹出"你好"的新窗口


<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; display:none;">a</div> <script language="JavaScript"> <!-- Layer1.style.display=="none"?alert("你好"):alert("hidden"); //--> </script>
   提示:你可以先修改部分代码再运行

如何做网站中滚动的文字,还带超链接


<marquee direction=up scrollamount=2 onmouseover="this.stop();" onmouseout="this.start();" width=50> <a href="http://www.51js.com">51js</a> </marquee>
   提示:你可以先修改部分代码再运行

如何在javascript中使表单中的一个按钮无效


<form method=post action="" name="form1"> <input type="button" name="button1" value="51js.com"> </form> <script language="JavaScript"> <!-- form1.button1.disabled=true; //--> </script>
   提示:你可以先修改部分代码再运行

可不可以做一个JS是只这个移动功能,在做网页时,想让哪个表格移动,就调用这个JS?

( 方法一 )


<SCRIPT LANGUAGE="JavaScript"> <!-- var currentMoveObj = null; //当前拖动对象 var relLeft; //鼠标按下位置相对对象位置 var relTop; function f_mdown(obj) { currentMoveObj = obj; //当对象被按下时,记录该对象 currentMoveObj.style.position = "absolute"; relLeft = event.x - currentMoveObj.style.pixelLeft; relTop = event.y - currentMoveObj.style.pixelTop; } window.document.onmouseup = function() { currentMoveObj = null; //当鼠标释放时同时释放拖动对象 } function f_move(obj) { if(currentMoveObj != null) { currentMoveObj.style.pixelLeft=event.x-relLeft; currentMoveObj.style.pixelTop=event.y-relTop; } } //--> </SCRIPT> <BODY> <TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:50;top:50" onmousedown="f_mdown(this)" onmousemove="f_move(this)"> <TR> <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title1</TD> </TR> <TR> <TD align="center" height="60">content</TD> </TR> </TABLE> <TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:350;top:250" onmousedown="f_mdown(this)" onmousemove="f_move(this)"> <TR> <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title2</TD> </TR> <TR> <TD align="center" height="60">content</TD> </TR> </TABLE> </BODY>
   提示:你可以先修改部分代码再运行



( 方法二 )


<SCRIPT LANGUAGE="JavaScript"> <!-- var currentMoveObj = null; //当前拖动对象 var relLeft; //鼠标按下位置相对对象位置 var relTop; var zindex=-1;//控制被拖动对象的z-index值 function f_mdown(obj) { currentMoveObj = obj; //当对象被按下时,记录该对象 currentMoveObj.style.position = "absolute"; relLeft = event.x - currentMoveObj.style.pixelLeft; relTop = event.y - currentMoveObj.style.pixelTop; zindex=currentMoveObj.style.zIndex;//记录原z-index值 currentMoveObj.style.zIndex=10000; } window.document.onmouseup = function() { currentMoveObj.style.zIndex=zindex;//恢复 zindex=-1; currentMoveObj = null; //当鼠标释放时同时释放拖动对象 } function f_move(obj) { if(currentMoveObj != null) { currentMoveObj.style.pixelLeft=event.x-relLeft; currentMoveObj.style.pixelTop=event.y-relTop; } } //--> </SCRIPT> <BODY> <TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:50;top:50" onmousedown="f_mdown(this)" onmousemove="f_move(this)"> <TR> <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title1</TD> </TR> <TR> <TD align="center" height="60">content</TD> </TR> </TABLE> <TABLE width="100" border=1 onselectstart="return false" style="position:absolute;left:350;top:250" onmousedown="f_mdown(this)" onmousemove="f_move(this)"> <TR> <TD bgcolor="#CCCCCC" align="center" style="cursor:move">title2</TD> </TR> <TR> <TD align="center" height="60">content</TD> </TR> </TABLE> </BODY>
   提示:你可以先修改部分代码再运行


刷新框架

我有一个框架网页,左右2个网页,现在我在主窗口(右页面)登陆后返回到主窗口页面,我如何让左边页面也能刷新呢?


<body onload="parent.leftFrame.location.reload();">

或者在页面的最后:
<script>
//leftFrame指左边框架的名字
parent.leftFrame.location.reload();
</script>

ID与name的区别

一个元素定义了id,引用该元素时直接用id属性,而name通常用在form中,且必须由document.form.***而来,也就是说,name属性定义的元素在脚本中是document对象的子对象。

我说不太清楚,反正这么个意思。
此外,ID标识在一个页面中原则上应该唯一,而name则不一定。

我要用文字做按扭提交表单,不用input,怎么做?


<form name="form1"> <a href="###" onclick="form1.submit()">提交</a> </form>
   提示:你可以先修改部分代码再运行


页面有多个CSS做个check box让用户选择


<HTML> <HEAD> <TITLE>换肤技术新的尝试</TITLE> <link ID="skin" rel="stylesheet" type="text/css"> <SCRIPT LANGUAGE=javascript> <!-- function SetCookie(name,value){ var argv=SetCookie.arguments; var argc=SetCookie.arguments.length; var expires=(2<argc)?argv[2]:null; var path=(3<argc)?argv[3]:null; var domain=(4<argc)?argv[4]:null; var secure=(5<argc)?argv[5]:false; document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":""); } function GetCookie(Name) { var search = Name + "="; var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search); if (offset != -1) { offset += search.length; end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset,end)); } } return returnvalue; } var thisskin; thisskin=GetCookie("nowskin"); if(thisskin!="") skin.href=thisskin; else skin.href="css.css"; function changecss(url){ if(url!=""){ skin.href=url; var expdate=new Date(); expdate.setTime(expdate.getTime()+(24*60*60*1000*30)); //expdate=null; //以下设置COOKIES时间为1年,自己随便设置该时间.. SetCookie("nowskin",url,expdate,"/",null,false); } } //--> </SCRIPT> </HEAD> <BODY> <P>请选择下面的下拉菜单测试换肤效果</P> <select onchange="changecss(this.value)"> <option>选择样式单文件</option> <script language="javascript"> var csss=new Array(); csss[0]="001.css"; csss[1]="002.css"; csss[2]="003.css"; csss[3]="004.css"; var i; for(i=0;i<4;i++) if(thisskin==csss[i]) document.write("<option value=\""+csss[i]+"\" selected>"+csss[i]+"样式单文件</option>"); else document.write("<option value=\""+csss[i]+"\">"+csss[i]+"样式单文件</option>"); </script> </select> </BODY> </HTML>
   提示:你可以先修改部分代码再运行

如何让iframe根据内容适应高度

请问如何让iframe根据内容适应高度
在第一次加载的时候就会自动根据内容适应高度


<iframe src="http://www.baidu.com" onload="this.height = this.document.body.offsetHeight;this.width=this.document.body.offsetWidth;"></iframe>
   提示:你可以先修改部分代码再运行

屏蔽右键


<a href="http://ywicc.com" onmousedown="if(event.button==2)alert('禁止')">ywicc.com</a>
   提示:你可以先修改部分代码再运行

网页屏保


<script language="JavaScript"> function screensave(){ test.value++; if(test.value==5){ test.style.display='none'; document.all[4].bgColor='black'; } } function screenopen(){ test.value=0; test.style.display=''; document.all[4].bgColor=''; } </script> <body onkeydown="screenopen()" onmousemove="screenopen()" onload="setInterval('screensave()',1000)"> 5 秒屏保<input id="test">
   提示:你可以先修改部分代码再运行


定义打开网页时起始窗口的大小


<script for="window" event="onload"> window.resizeTo(500,300) </script>
   提示:你可以先修改部分代码再运行

输入字母、数字的正则表达式


<input onkeyup="this.value = this.value.replace(/[^a-zA-Z\d]/g,'')" onbeforepaste="this.value = this.value.replace(/[^a-zA-Z\d]/g,'')">
   提示:你可以先修改部分代码再运行

不随页面滚动的层


<body onscroll="d1.style.top=document.body.scrollTop+10"> <div id="d1" style="position:absolute; top:10px; width:100px; height:100px; background-color:red;"></div> <img width="1" height="1000">
   提示:你可以先修改部分代码再运行

一个表单里的同一个按钮提交两个页面,


<script language="JavaScript"> function testform(){ window.open('','t1'); form1.action='1.htm'; form1.target='t1'; form1.submit(); window.open('','t2'); form1.action='2.htm'; form1.target='t2'; form1.submit(); window.open('','t3'); form1.action='3.htm'; form1.target='t3'; form1.submit(); } </script> <form name="form1"> <input name="test"> <input type="button" value="submit" onClick="testform()"> </form>
   提示:你可以先修改部分代码再运行


判断是不是数字


<INPUT TYPE="text" NAME="num"><INPUT TYPE="button" name="test" onclick="testNum()"> <SCRIPT LANGUAGE="JavaScript"> <!-- function testNum(){ var pattern=/^\d+$/g; if (!(pattern.test(num.value))) {alert("please input a number!")} } //--> </SCRIPT>
   提示:你可以先修改部分代码再运行


alt和title的分行


<a href="#" title="换换换 行行行">test</a>
   提示:你可以先修改部分代码再运行


本文地址:http://com.8s8s.com/it/it35697.htm