检查是否为首页
<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>
提示:你可以先修改部分代码再运行