adandelion

诗词在线 http:/www.chinapoesy.com


诗词在线 |唐诗|宋词|元曲|诗经|离骚|乐府|现代诗歌
博客园 首页 联系 订阅 管理
JavaScript代码收集（一）

1。动态驱动onChange事件简单问题
http://community.csdn.net/Expert/topic/4252/4252612.xml?temp=.1237604

<select name="t" onchange="if(this.options[this.selectedIndex].value == 3)alert('hello')">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3" selected >3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>
<script language="javascript" >
(document.all.t.onchange)(); //请注意这里的两个括号。
</script>

1.也可以写成这样的：document.all.t.onchange();
2.但是这样的好理解一些：(document.all.t.onchange)();

onchange是一个event,而不是一个method,
第一种写法更象是个method，
但这一句话的执行过程应当是：
(document.all.t.onchange)返回一个function对象，
再加一个括号就是调用这个function;

2javascript如何得到checkbox的Value值？

var c = document.getElementsByName("chktest");
for(i=0;i<c.length;i++)
{
   if(c[i].checked == true )
   {
        v  = c[i].value;
        break;
   }
}

alert(v);

3.求实现点击超连接,状态栏不显示超连接地址的脚本
onmouseover="status='最棒的学习网站！'; this.color='red'; return true "
onmouseout="status=''; this.color='blue'"

4.

插入一张图片后
文章会变成：            图
                        文 文

如何不让它换行，如：    图 文
                        文 文

不知道如何搞，最好是css每篇文章都可以实现，高人指教吧

<html>
<head>
<style type="text/css">
<!--
.a1 {
 float: left;
}
-->
</style>
</head>
<body>
<TABLE  valign="top">
<TR>
 <TD valign="top" width=200><img src="23.jpg" width=100 height=100 class="a1" >高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ 高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ 高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ 高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ 高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ 高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ 高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ 高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ 高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ 高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ 高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ 高分求教：怎?通?不断?送jpg?片来????的效果！因?要在手机上?示！！！！！！ </TD>
</TR>
</TABLE>
</body>
</html>
float 可以为left,right,none
ASP.NET(c#)在向文本框输入的时候，如何在打回车的时候就让焦点转到下一个文本框上
<SCRIPT LANGUAGE="JavaScript">
document.onkeydown = function()
{
 if(event.keyCode == 13)
 {
  event.keyCode = 9;
 }
}
</SCRIPT>
</HEAD>
<BODY>
<form>
<INPUT TYPE="text" NAME="" ID="text1" tabIndex="1">&nbsp;&nbsp;
<INPUT TYPE="text" NAME="" ID="Text2" tabIndex="2">
</FORM>

有两个select对象，都是multiple的，一左一右，长度一样，里面的元素都是对齐的，元素少的时候还可以，元素一多，滚共条出来了，左右的元素无法对齐了，有什么办法让滚动条联动？
http://community.csdn.net/Expert/topic/4275/4275284.xml?temp=.6673395
还可以再调整下样式
<div id=s1 onscroll="document.all.s2.scrollTop=document.all.s1.scrollTop" style="height:50px;overflow:auto; width:60px;border: 1px solid #B4D1FE;">
<select name=b123 multiple >
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
</select>
</div>
<br/><br/><br/><br/>
<div id=s2 onscroll="document.all.s1.scrollTop=document.all.s2.scrollTop" style="height:50px;overflow:auto; width:60px;border: 1px solid #B4D1FE;">
<select name=c123 multiple >
<option value="0">00</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
</select>
</div>
<script language=javascript>
document.all.b123.size=document.all.b123.options.length;
document.all.c123.size=document.all.c123.options.length;
</script>
------------------------
多种样式的链样式
<style type="text/css">
<!--
td,body{font-size:9pt}
.L14 {LINE-HEIGHT: 130%}
.L16 {LINE-HEIGHT: 150%}
.L17 {LINE-HEIGHT: 138%}
A:link {color: #000000; text-decoration: none}
A:visited {color: #000000; text-decoration: none}
A:active {color: #000000; text-decoration: none}
A:hover {color: #ff0000; text-decoration: underline}
a.do,a.do:link,a.do:visited{font-size:12px;color: #0000a0;text-decoration: underline line-height: 20px;}
a.do:hover,a.do:active{color: #009933;text-decoration: none}
--></style>

<a href="http://so.37021.com" class="do"><font color="#FFFF00">简单搜吧</font></a>　<a href="/mwxq/index.htm" class="do">实用查询</a>　<a href="/mwxq/soft/index.htm" class="do">常用软件</a></font>　<a href="http://search.37021.com" class="do">疯狂搜索</a>
<br>
<a href="http://so.37021.com" >>简单搜吧</a>　<a href="/mwxq/index.htm" >实用查询</a>　<a href="/mwxq/soft/index.htm" >常用软件</a></font>　<a href="http://search.37021.com" >疯狂搜索</a>

window.open() 方法

语法：window.open(pageurl,name,parameters);

window对象的open()方法用于创建一个新的窗口实例，新创建的窗口的外观由参数：parameters指定。新窗口中打开的文档由参数：pageurl指定。系统能够根据参数：name确定的名称访问该窗口。

下表为parameters参数表：


参数 衩始值 说明
alwaysLowered yes/no 指定窗口隐藏在所有窗口之下。
alwaysRaised yes/no 指定窗口浮在所有窗口之上。
dependent yes/no 指定打开的窗口为父窗口的一个了窗口。并随父窗口的关闭而关闭。
directions yes/no 指定Navigator 2和3的目录栏是否在新窗口中可见。
height pixel value 设定新窗口的像素高度。
hotkeys yes/no 在没有菜单栏的新窗口设置安全退出热键。
innerHeight pixel value 设置新窗口中文档的像素高度。
innerWidth pixel value 设置新窗口中文档的像素宽度。
location yes/ no 指明位置栏在新窗口中是否可见。
menubar yes /no 指明菜单栏在新窗口中是否可见。
outerHeight pixel value 设定窗口（包括装饰边框）的像素高度。
outerWidth pixel value 设定窗口（包括装饰边框）的像素宽度。
resizable yes /no 指明新窗口是否可以调整。
screenX pixel value 设定新窗口离屏幕边界的像素长度。
screenY pixel value 设定新窗口离屏幕上边界的像素长度。
scrollbars yes /no 指明滚动栏在新窗口中是否可见。
titlebar yes /no 指明菜单题目栏在新窗口是否可见。
toolbar yes /no 指明工具栏在新窗口中是否可见。
Width pixel value 设定窗口的像素宽度。
z-look yes /no 在文档中包含各个<pplet>标签的数组。
fullscreen yes / no 打开的窗体是否进行全屏显示
left pixel value 设定新窗口距屏幕左方的距离
top pixel value 设定新窗口距屏幕上方的距离

例子:
<html>
<head>
<title>window.open函数</title>
</head>
<body>
<script language="javascript">
<!--
window.open("","name1","width=100,height=200,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100");
//-->
</script>
</body>
</html>

视频播发代码

<OBJECT id=MediaPlayer1 codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading type=application/x-oleobject height=300 width=320 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 VIEWASTEXT>
    <PARAM NAME="URL" value="http://218.16.124.78/upvido/20046/2004651069.wmv">
    <param name="AudioStream" value="-1">
    <param name="AutoSize" value="0">
    <param name="AutoStart" value="-1">
    <param name="AnimationAtStart" value="-1">
    <param name="AllowScan" value="-1">
    <param name="AllowChangeDisplaySize" value="-1">
    <param name="AutoRewind" value="0">
    <param name="Balance" value="0">
    <param name="BaseURL" value>
    <param name="BufferingTime" value="5">
    <param name="CaptioningID" value>
    <param name="ClickToPlay" value="-1">
    <param name="CursorType" value="0">
    <param name="CurrentPosition" value="-1">
    <param name="CurrentMarker" value="0">
    <param name="DefaultFrame" value>
    <param name="DisplayBackColor" value="0">
    <param name="DisplayForeColor" value="16777215">
    <param name="DisplayMode" value="0">
    <param name="DisplaySize" value="4">
    <param name="Enabled" value="-1">
    <param name="EnableContextMenu" value="-1">
    <param name="EnablePositionControls" value="0">
    <param name="EnableFullScreenControls" value="0">
    <param name="EnableTracker" value="-1">
    <param name="InvokeURLs" value="-1">
    <param name="Language" value="-1">
    <param name="Mute" value="0">
    <param name="PlayCount" value="1">
    <param name="PreviewMode" value="0">
    <param name="Rate" value="1">
    <param name="SAMILang" value>
    <param name="SAMIStyle" value>
    <param name="SAMIFileName" value>
    <param name="SelectionStart" value="-1">
    <param name="SelectionEnd" value="-1">
    <param name="SendOpenStateChangeEvents" value="-1">
    <param name="SendWarningEvents" value="-1">
    <param name="SendErrorEvents" value="-1">
    <param name="SendKeyboardEvents" value="0">
    <param name="SendMouseClickEvents" value="0">
    <param name="SendMouseMoveEvents" value="0">
    <param name="SendPlayStateChangeEvents" value="-1">
    <param name="ShowCaptioning" value="0">
    <param name="ShowControls" value="-1">
    <param name="ShowAudioControls" value="-1">
    <param name="ShowDisplay" value="0">
    <param name="ShowGotoBar" value="0">
    <param name="ShowPositionControls" value="-1">
    <param name="ShowStatusBar" value="-1">
    <param name="ShowTracker" value="-1">
    <param name="TransparentAtStart" value="-1">
    <param name="VideoBorderWidth" value="0">
    <param name="VideoBorderColor" value="0">
    <param name="VideoBorder3D" value="0">
    <param name="Volume" value="70">
    <param name="WindowlessVideo" value="0">
</OBJECT>

下拉表选择年月日

http://community.csdn.net/Expert/topic/4354/4354587.xml?temp=4.465884E-02
<html>
<head>
<title>年月日三下拉框联动</title>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'>
</head>

<body>
<form name=form1>
  <select name=YYYY onchange="YYYYDD(this.value)">
    <option value="">请选择 年</option>
  </select>
  <select name=MM   onchange="MMDD(this.value)">
    <option value="">选择 月</option>
  </select>
  <select name=DD>
    <option value="">选择 日</option>
  </select>
</form>

<script language="JavaScript"><!--
function YYYYMMDDstart()
{
    MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

    //先给年下拉框赋内容
    var y   = new Date().getFullYear();
    for (var i = (y-30); i < (y+30); i++) //以今年为准，前30年，后30年
        document.form1.YYYY.options.add(new Option(" "+ i +" 年", i));

    //赋月份的下拉框
    for (var i = 1; i < 13; i++)
        document.form1.MM.options.add(new Option(" " + i + " 月", i));

    document.form1.YYYY.value = y;
    document.form1.MM.value = new Date().getMonth() + 1;
    var n = MonHead[new Date().getMonth()];
    if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++;
        writeDay(n); //赋日期下拉框Author:meizz
    document.form1.DD.value = new Date().getDate();
}
if(document.attachEvent)
  window.attachEvent("onload", YYYYMMDDstart);
else
  window.addEventListener('load', YYYYMMDDstart, false);
function YYYYDD(str) //年发生变化时日期发生变化(主要是判断闰平年)
{
    var MMvalue = document.form1.MM.options[document.form1.MM.selectedIndex].value;
    if (MMvalue == ""){ var e = document.form1.DD; optionsClear(e); return;}
    var n = MonHead[MMvalue - 1];
    if (MMvalue ==2 && IsPinYear(str)) n++;
        writeDay(n)
}
function MMDD(str)  //月发生变化时日期联动
{
    var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value;
    if (YYYYvalue == ""){ var e = document.form1.DD; optionsClear(e); return;}
    var n = MonHead[str - 1];
    if (str ==2 && IsPinYear(YYYYvalue)) n++;
        writeDay(n)
}
function writeDay(n)  //据条件写日期的下拉框
{
    var e = document.form1.DD; optionsClear(e);
    for (var i=1; i<(n+1); i++)
        e.options.add(new Option(" "+ i + " 日", i));
}
function IsPinYear(year)//判断是否闰平年
{   return(0 == year%4 && (year%100 !=0 || year%400 == 0));}
function optionsClear(e)
{
    e.options.length = 1;
}
//--></script>
</body>
</html>

javascript日期验证
http://0755.com.cn/blog/user1/1/archives/2005/582.html
2.1 短时间，形如 (13:04:06)
      function isTime(str)
      {
        var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);
        if (a == null) {alert('输入的参数不是时间格式'); return false;}
        if (a[1]>24 || a[3]>60 || a[4]>60)
        {
          alert("时间格式不对");
          return false
        }
        return true;
      }
  2.2 短日期，形如 (2003-12-05)
      function strDateTime(str)
      {
         var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
         if(r==null)return false;
         var d= new Date(r[1], r[3]-1, r[4]);
         return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
      }
  2.3 长时间，形如 (2003-12-05 13:04:06)
      function strDateTime(str)
      {
        var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
        var r = str.match(reg);
        if(r==null)return false;
        var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);
        return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
      }

只能输入与当前日期相差15日以内的日期(包括15日) ,日期格式为1999-09-09

<html> 
<head> 
<meta  http-equiv="Content-Type"  content="text/html;  charset=gb2312"> 
<title></title>
<script>
function checkDate()
{
   var  now  =  new  Date(); 
   //当前日期
   var dateNow =now.getYear()  +  "-"+  (now.getMonth()+1)+"-"+now.getDate();
   var obj = document.all.txtDate
   var txtDate = obj.value;
   //判断日期是否合法
   if (txtDate.length == 0)
   {
       alert("请输入日期");
       obj.focus();
       obj.select();
       return false;
   }
   else
   {
       if(!scanDate(txtDate))
       {
    alert('输入日期格式错误！');
           obj.focus();
           obj.select();
           return false;
       }
   }
  //日期合法检查天数，
  var dateDiff = DateDiff(dateNow ,txtDate);
  if (dateDiff>15)
  {
     alert('只能输入与当前日期相差15日内的日期');
     obj.focus();
     obj.select();
     return false;
  }
  else
 {
     alert('日期合法');
     return true;
 }
  
}
   
 
   //计算天数差的函数，通用 
   function  DateDiff(sDate1,  sDate2){    //sDate1和sDate2是2002-12-18格式 
       var  aDate,  oDate1,  oDate2,  iDays 
       aDate  =  sDate1.split("-") 
       oDate1  =  new  Date(aDate[1]  +  '-'  +  aDate[2]  +  '-'  +  aDate[0])    //转换为12-18-2002格式 
       aDate  =  sDate2.split("-") 
       oDate2  =  new  Date(aDate[1]  +  '-'  +  aDate[2]  +  '-'  +  aDate[0]) 
       iDays  =  parseInt(Math.abs(oDate1  -  oDate2)  /  1000  /  60  /  60  /24)    //把相差的毫秒数转换为天数 
       return  iDays 
   } 
   //日期是否合法
   //1999-09-09
      function scanDate(str)
      {
         var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
         if(r==null)return false;
         var d= new Date(r[1], r[3]-1, r[4]);
         return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
      }

</script>
</head> 
 
<body> 
建议你使用日历控件：
http://www.meizz.com/Web/Download/Web_Calendar_30.rar<br>
只能输入与当前日期相差15天的日期

<input type="text" id="txtDate">
<input type="button" onclick="return checkDate()" value="检查日期">
</body> 
</html> 
背景音乐

1. 贴rm,ra,ram类型的音乐：
<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="http://XXX.com/01.rm";>

2. 贴midi,asf,wma,asx类型的音乐：
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="http://xxx.com/01.mid";>

 3.背景音乐
<bgsound src="你的歌曲地址" loop="-1">

网页背景音乐代码详解

<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">   

1、 --------hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值" width="宽度值" 就可以了。
-------autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false" 即可...
------ loop="true"表示无限次循环播放音乐直到当前页关闭为止，不想循环播放替换为 loop="false"就OK了

2、 <embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >  （转）

----------loop="-1" 表示无限次循环播放，可设置播放次数，用具体数字代替即可，比如我希望它播放两次，则loop="2"
---------controls="ControlPanel"这个控制选项可省略
--------width="0" height="0"表示隐藏播放，和前面的一样。
若欲设置播放器的外观，则替换为具体的数值就可以了，比如width="123" height="100"

--------------------------------------------------
其实要说最简化的播放背景音乐的代码，则下面的代码是最简单的了--->


<embed src="背景音乐网址">  

另外: <bgsound src="背景音乐路径" loop="-1">
这个只支持IE浏览器，而且是完全下载完后才开始播放，不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~
<bgsound src="背景音乐路径" loop="-1">（转）这个随浏览器的打开而播放，当最小化窗口时即停止播放，当最大化窗口时又开始播放。
而，<embed src="背景音乐网址" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >  常用于mid,wav,mp3类型的音乐类型.

这个则不管是否最小化窗口都始终播放，直至关闭当前窗口为止~~

支持的音乐文件类型：只支持MP播放器所支持的音乐格式，比如mp3,asf,wma,asx等等.
不支持rm,ram....

视频文件的插入方法也和上面所说的一样，设置好合适的宽度和高度就可以了~~~

获得对象的所有属性
<div id="a" name="b" class="c" onclick="d()">e</div>

<script language="JavaScript" type="text/javascript">
var obj = document.getElementById("a");
for(i in obj.attributes){
if(obj[i]!=null || obj[i]!=undefined){
document.write(i+":"+obj[i]+"<br/>");
}
}
</script>





posted on 2005-09-08 12:37  猪头  阅读(892)  评论(0)    收藏  举报

欢迎访问诗词在线http://www.chinapoesy.com   诗词在线 |唐诗|宋词|元曲|诗经|离骚|乐府|古典诗歌|现代诗歌|古典诗词|现代诗词|诗歌可以陶冶你的情操、丰富你的生活，让你更具内涵。诗词在线打造中国最好的诗词社区！

诗词在线社区

126在线阅读网 历史书籍、文学书籍、小说。。。