IT博客-无业бю游民-随笔分类-JavaScripthttp://www.cnitblog.com/weiweibbs/category/8383.htmlhobozh-cnTue, 27 Sep 2011 02:06:19 GMTTue, 27 Sep 2011 02:06:19 GMT60网页中加载flash的方法http://www.cnitblog.com/weiweibbs/archive/2009/11/19/62685.htmlhobohoboThu, 19 Nov 2009 09:08:00 GMThttp://www.cnitblog.com/weiweibbs/archive/2009/11/19/62685.htmlhttp://www.cnitblog.com/weiweibbs/comments/62685.htmlhttp://www.cnitblog.com/weiweibbs/archive/2009/11/19/62685.html#Feedback0http://www.cnitblog.com/weiweibbs/comments/commentRss/62685.htmlhttp://www.cnitblog.com/weiweibbs/services/trackbacks/62685.html
一、传统方法

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
   codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=7,0,0,0" 
   width="550" height="400" id="Untitled-1" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="mymovie.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="mymovie.swf" quality="high" bgcolor="#ffffff" width="550" 
   height="400" name="mymovie" align="middle" allowScriptAccess="sameDomain" 
   type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
这方法是使用 object 和 embed 标签来嵌入，细心的会发现，object 的很多参数和 embed 里面的很多属性是重复的，为什么这样做？为了浏览器兼容性，有的浏览器支持 object，有的支持 embed，这也是为什么要修改 Flash 的参数时两个地方都要改的原因。这种方法是 Macromedia 一直以来的官方方法，最大限度的保证了 Flash 的功能，没有兼容性问题。但是它现在不那么好用了：无法通过验证，由于为了兼容性而嵌入的 embed 标签是不符合 W3C 的规范的。当然，如果你不在乎什么规范不规范，另当别论。

微软由于种种原因，在  sp2 后限制了 IE 的 ActiveX 的使用模式，就是在页面中的 ActiveX 有一个虚框，需要用户点击一次才能正常交互。Flash是作为一个 ActiveX 嵌入到网页中的，所以它也会受牵连，只有通过 JS 嵌入 Flash 才能解决这个问题。没有 Flash 版本检测，如果版本浏览器的flash插件版本不够，或者不能正常显示你的 swf 文件，或者会弹出一个 ActiveX 的确认安装的框——这个框对很多用户来说是很恐怖的。

二、只用 object 的方法
这种方法的名字叫做 Flash satay，最早是2002年由 Drew McLellan 发表在 A List Apart 上，后来又经过了几次完善：
<object type="application/x-shockwave-flash
data="c.swf?path=movie.swf" 
width="400" height="300">
<param name="movie" 
value="c.swf?path=movie.swf" />
<img src="noflash.gif" 
width="200" height="100" alt="" />
</object>
这方法没 embed 了，可以通过验证，是标准的嵌入 Flash 的方法，浏览器兼容性也不错，看起来几乎完美，不过还是有问题的：需要一个  holder swf 来加载你的目标 swf 以保证 IE 中的 stream 能力，如果你需要通过 flashvars 来传参，或者和页面的  JS 交互，会很麻烦。同上面第二点，ActiveX的虚框问题。继续同上没有版本检测，还是有少数用户代理（比如一些版本的 safari 和一些屏幕阅读器）不认这种方式，有bug。

三、用JS嵌入的方法
用JS嵌入就是各有各的嵌入方法了，有嵌得好的有嵌得不好的。有人用  document.write 直接写，这法子说实话不大好，感觉 hack 成分多了，有点为了验证而验证的意思，而且没有体现出什么 JS 的优势。我觉得一个好的 JS 嵌入脚本，在保证 Flash 应有功能的基础上，⒒?JS 的优势应该要有版本检测，要能很好解决可访问性问题（也就是用户在无法浏览 Flash 内容或禁用 JS 的时候应该如何处理的问题），要易于重复使用。常见的 JS 嵌入方法如:SWFObject (FlashObject)，IE中没有讨厌的虚框问题了。提供了完善的版本检测功能，如果版本不够则显示其他东西，比如图片或文字。易于使用，只要在页面头加载一个 .js 文件，然后 HTML 写一个容器，里面放普通的文本或图片（用于无法显示 Flash 时显示），最后用脚本来替换这个元素里面的内容为 Flash。可以通过验证——当然这个不是重点，只是顺带效果罢了。现阶段用 SWFObject 嵌入 Flash 是最完美的方法，虽然这法子这也是由于浏览器的种种问题而作出的妥协。但它在保证 Flash 功能的前提下还利用 JS 提供了额外的好处，我们还有什么理由不用它呢？

SWFObject(FlashObject)的使用方法：
1、下载文件 点击下载此文件  swfobject1.5.zip
2、解压后将其中的swfobject.js(flashobject.js)上传到网站中 
3、在页面中输入下面的代码即可，不用输入那些麻烦的<object>、<embed>了（假设swfobject.js(flashobject.js)和flashmovie.swf都处于网站根目录中）： 
<script type="text/javascript" src="/swfobject.js"></script> 
<div id="flashcontent"> 
  这些文字将被Flash影片替换。 
</div> 
<script type="text/javascript"> 
   var fo = new SWFObject("/flashmovie.swf", "mymovie", "200", "100", "7", "#336699"); 
   fo.write("flashcontent"); 
</script>

其中设置影片属性的是这句：
var fo = new SWFObject("/flashmovie.swf", "mymovie", "200", "100", "7", "#336699");

这6个参数是必须的，具体介绍如下：

1、swf - swf路径和文件名； 
2、id - 对象ID； 
3、width - 影片宽度； 
4、height - 影片高度； 
5、version - 指定Flash Player的版本。可以指定具体版本，例如： “6.0.65″。也可以指定主版本，例如：”6″； 
6、background color - 指定Flash影片的背景色 
也就是：
SWFObject("swf文件", "swf标识", "宽度", "高度", "FlashPlay最低版本号", "背景色");
下面我们来看一下我们嵌入一个flash的范例. 
根据上面的基本工作方式,我们还要嵌入一些其它的参数.来满足我们一些其它的需要比如我们有一个文件名为ws.swf,我们想把它嵌入到页面中,又不至于受IE更新的影响. 
1.在页面中包入swfobject.js(flashobject.js)文件 
<script type="text/javascript" src="swfobject.js"></script> 
一般这行代码可以写在body标签之前即可. 
2.把下面这段代码加在它下方. 
<div id="flashcontent" style="width: 300px; height: 200px"></div> 
<script type="text/javascript"> 
   var fo = new FlashObject("ws.swf", "mymovie", "300", "200px", "7", "#336699"); 
   fo.addParam("quality", "low"); 
   fo.addParam("wmode", "transparent"); 
   fo.addParam("salign", "t"); 
   fo.addParam("scale", "noscale"); 
fo.addParam("loop", "false"); 
   fo.write("flashcontent"); 
</script>

从上面的代码中我们看出,我们将要把FLASH放在id为flashcontent层中,它的宽为300高为200像素,那么应是和我们的swf文件的大小是相同的.如果你想缩放也可以是不同的.下面var fo = new FlashObject("ws.swf", "mymovie",  "300", "200px", "7", "#336699"); 
是嵌入flash文件,在之前的内容已介绍过它里面的参数,其中的ws.swf可以是相对路径也可以是绝对路径,如你可以直接输入网站加上你的swf文件名字. 
再下面的一段就是我们可以加入的参数,从上到下分别为quality质量,wmode transparent透明,salign对齐,scale缩放,loop循环等. 
这样我们的嵌入过程就完成了. 
如果你想使用flashVars来进行html与flash之前的通讯,使用swfobject也是很容易的,但有一点使用swfobject时只有在 swf刚一载入时传递参数.并且是以值对的形式来传递,如下:variable1=value1&variable2=value2& variable3=value3 
使用方法如下: 
<script type="text/javascript"> 
   var fo = new FlashObject("movie.swf", "mymovie", "200", "100", "7", "#336699"); 
   fo.addVariable("variable1", "value1"); 
   fo.addVariable("variable2", "value2"); 
   fo.addVariable("variable3", "value3"); 
   fo.write("flashcontent"); 
</script>

一旦这一步完成,那么所有的变量就已经传入到flash,你就可以灵活的在你的flash中的_root上使用了.deconcept flashObject还提供了可以加入其它参数的说明．你可以详细查看

hobo 2009-11-19 17:08 发表评论
]]>根据身份证号码导出生日和性别（JavaScript代码）http://www.cnitblog.com/weiweibbs/archive/2009/10/14/61866.htmlhobohoboWed, 14 Oct 2009 14:21:00 GMThttp://www.cnitblog.com/weiweibbs/archive/2009/10/14/61866.htmlhttp://www.cnitblog.com/weiweibbs/comments/61866.htmlhttp://www.cnitblog.com/weiweibbs/archive/2009/10/14/61866.html#Feedback1http://www.cnitblog.com/weiweibbs/comments/commentRss/61866.htmlhttp://www.cnitblog.com/weiweibbs/services/trackbacks/61866.html<script language="Javascript">
  function showBirthday(val)
  {
   var birthdayValue;
   if(15==val.length)
   { //15位身份证号码
    birthdayValue = val.charAt(6)+val.charAt(7);
    if(parseInt(birthdayValue)<10)
    {
     birthdayValue = '20'+birthdayValue;
    }
    else
    {
     birthdayValue = '19'+birthdayValue;
    }
    birthdayValue=birthdayValue+'-'+val.charAt(8)+val.charAt(9)+'-'+val.charAt(10)+val.charAt(11);
    if(parseInt(val.charAt(14)/2)*2!=val.charAt(14))
     document.all.sex.value='男';
    else
     document.all.sex.value='女';
    document.all.birthday.value=birthdayValue;
   }
   if(18==val.length)
   { //18位身份证号码
•    birthdayValue=val.charAt(6)+val.charAt(7)+val.charAt(8)+val.charAt(9)+'-'+val.charAt(10)+val.charAt(11)  
   +'-'+val.charAt(12)+val.charAt(13);

    if(parseInt(val.charAt(16)/2)*2!=val.charAt(16))
     document.all.sex.value='男';
    else
     document.all.sex.value='女';
    if(val.charAt(17)!=IDCard(val))
    {
     document.all.idCard.style.backgroundColor='#ffc8c8';
    }
    else
    {
     document.all.idCard.style.backgroundColor='white';
    }
    document.all.birthday.value=birthdayValue;
   }
  }
  // 18位身份证号最后一位校验
  function IDCard(Num)
  {
   if (Num.length!=18)
    return false;
   var x=0;
   var y='';
   for(i=18;i>=2;i--)
    x = x + (square(2,(i-1))%11)*parseInt(Num.charAt(19-i-1));
   x%=11;
   y=12-x;
   if (x==0)
    y='1';
   if (x==1)
    y='0';
   if (x==2)
    y='X';
   return y;
  }
  // 求得x的y次方
  function square(x,y)
  {
   var i=1;
   for (j=1;j<=y;j++)
    i*=x;
   return i;
  }
  </script>

hobo 2009-10-14 22:21 发表评论
]]>javascript 保留小数位 （toFixed方法）http://www.cnitblog.com/weiweibbs/archive/2009/07/13/60058.htmlhobohoboMon, 13 Jul 2009 14:18:00 GMThttp://www.cnitblog.com/weiweibbs/archive/2009/07/13/60058.htmlhttp://www.cnitblog.com/weiweibbs/comments/60058.htmlhttp://www.cnitblog.com/weiweibbs/archive/2009/07/13/60058.html#Feedback2http://www.cnitblog.com/weiweibbs/comments/commentRss/60058.htmlhttp://www.cnitblog.com/weiweibbs/services/trackbacks/60058.htmltoFixed 保留2位小数 4舍5入
JavaScript中toFixed函数方法返回一个以定点表示法表示的数字的字符串形式。该字符串中小数点之前有一位有效数字，而且其后必须包含 fractionDigits 数字。
如果没有 fractionDigits 参数，或者该参数为 undefined，toFixed 方法假定该值为 0。调用方式为 numObj.toFixed(..);

例:
var s1 = 1024.24458;
alert(s1.toFixed(2)); // 输出 1024.24

var s2 = 1024.24558;
alert(s2.toFixed(2)); // 输出 1024.25

var s3 = 1024.2;
alert(s1.toFixed(2)); // 输出 1024.20


hobo 2009-07-13 22:18 发表评论
]]>Javascript一些方法和属性总结 http://www.cnitblog.com/weiweibbs/archive/2009/07/13/60057.htmlhobohoboMon, 13 Jul 2009 14:13:00 GMThttp://www.cnitblog.com/weiweibbs/archive/2009/07/13/60057.htmlhttp://www.cnitblog.com/weiweibbs/comments/60057.htmlhttp://www.cnitblog.com/weiweibbs/archive/2009/07/13/60057.html#Feedback2http://www.cnitblog.com/weiweibbs/comments/commentRss/60057.htmlhttp://www.cnitblog.com/weiweibbs/services/trackbacks/60057.htmljavascript 一些事件，属性
javascript事件查询综合
click() 对象.click() 使对象被点击。
closed 对象.closed 对象窗口是否已关闭true/false
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
confirm("提示信息") 弹出确认框，确定返回true取消返回false
cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize
event.clientX 返回最后一次点击鼠标X坐标值；
event.clientY 返回最后一次点击鼠标Y坐标值；
event.offsetX 返回当前鼠标悬停X坐标值
event.offsetY 返回当前鼠标悬停Y坐标值

document.write(document.lastModified) 网页最后一次更新时间
document.ondblclick=x 当双击鼠标产生事件
document.onmousedown=x 单击鼠标键产生事件

document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值，须与函数配合,
document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值，须与函数配合，
document.title document.title="message"; 当前窗口的标题栏文字
document.bgcolor document.bgcolor="颜色值"; 改变窗口背景颜色
document.Fgcolor document.Fgcolor="颜色值"; 改变正文颜色
document.linkcolor document.linkcolor="颜色值"; 改变超联接颜色
document.alinkcolor document.alinkcolor="颜色值"; 改变正点击联接的颜色
document.VlinkColor document.VlinkColor="颜色值"; 改变已访问联接的颜色
document.forms.length 返回当前页form表单数
document.anchors.length 返回当前页锚的数量
document.links.length 返回当前页联接的数量
document.onmousedown=x 单击鼠标触发事件
document.ondblclick=x 双击鼠标触发事件
defaultStatus window.status=defaultStatus; 将状态栏设置默认显示

function function xx(){...} 定义函数
isNumeric 判断是否是数字
innerHTML xx=对象.innerHTML 输入某对象标签中的html源代码
innerText divid.innerText=xx 将以div定位以id命名的对象值设为XX

location.reload(); 使本页刷新，target可等于一个刷新的网页

Math.random() 随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整
Math.floor(number) 将对象number转为整数，舍取所有小数
Math.min(1,2) 返回1,2哪个小
Math.max(1,2) 返回1,2哪个大

navigator.appName 返回当前浏览器名称
navigator.appVersion 返回当前浏览器版本号
navigator.appCodeName 返回当前浏览器代码名字
navigator.userAgent 返回当前浏览器用户代标志

onsubmit onsubmit="return(xx())" 使用函数返回值
opener opener.document.对象 控制原打开窗体对象

prompt xx=window.prompt("提示信息","预定值"); 输入语句
parent parent.框架名.对象 控制框架页面

return return false 返回值
random 随机参数（0至1之间）
reset() form.reset(); 使form表单内的数据重置

split("") string.split("") 将string对象字符以逗号隔开
submit() form对象.submit() 使form对象提交数据

String对象的 charAt(x)对象 反回指定对象的第多少位的字母
lastIndexOf("string") 从右到左询找指定字符，没有返回-1
indexOf("string") 从左到右询找指定字符，没有返回-1
LowerCase() 将对象全部转为小写
UpperCase() 将对象全部转为大写
substring(0,5) string.substring(x,x) 返回对象中从0到5的字符
setTimeout("function",time) 设置一个超时对象
setInterval("function",time) 设置一个超时对象

toLocaleString() x.toLocaleString() 从x时间对象中获取时间，以字符串型式存在
typeof(变量名) 检查变量的类型，值有：String,Boolean,Object,Function,Underfined

window.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3
window.screen.availWidth 返回当前屏幕宽度(空白空间)
window.screen.availHeight 返回当前屏幕高度(空白空间)
window.screen.width 返回当前屏幕宽度(分辨率值)
window.screen.height 返回当前屏幕高度(分辨率值)
window.document.body.offsetHeight; 返回当前网页高度
window.document.body.offsetWidth; 返回当前网页宽度
window.resizeTo(0,0) 将窗口设置宽高
window.moveTo(0,0) 将窗口移到某位置
window.focus() 使当前窗口获得焦点
window.scroll(x,y) 窗口滚动条坐标，y控制上下移动，须与函数配合
window.open() window.open("地址","名称","属性")
属性:toolbar(工具栏),location(地址栏),directions,status(状态栏),
menubar(菜单栏),scrollbar(滚动条),resizable(改变大小), width(宽),height(高),fullscreen(全 屏),scrollbars(全屏时无滚动条无参 数,channelmode(宽屏),left(打开窗口x坐标),top(打开窗口y坐标)
window.location = 'view-source:' + window.location.href 应用事件查看网页源代码;


a=new Date(); //创建a为一个新的时期对象
y=a.getYear(); //y的值为从对象a中获取年份值 两位数年份
y1=a.getFullYear(); //获取全年份数 四位数年份
m=a.getMonth(); //获取月份值
d=a.getDate(); //获取日期值
d1=a.getDay(); //获取当前星期值
h=a.getHours(); //获取当前小时数
m1=a.getMinutes(); //获取当前分钟数
s=a.getSeconds(); //获取当前秒钟数


对象.style.fontSize="文字大小";
单位：mm/cm/in英寸/pc帕/pt点/px象素/em文字高
1in=1.25cm
1pc=12pt
1pt=1.2px(800*600分辩率下)

文本字体属性：
fontSize大小
family字体
color颜色
fontStyle风格，取值为normal一般,italic斜体,oblique斜体且加粗
fontWeight加粗,取值为100到900不等,900最粗,light,normal,bold
letterSpacing间距,更改文字间距离,取值为,1pt,10px,1cm
textDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线
background:文字背景颜色,
backgroundImage:背景图片,取值为图片的插入路径


点击网页正文函数调用触发器：

1.onClick 当对象被点击
2.onLoad 当网页打开,只能书写在body中
3.onUnload 当网页关闭或离开时,只能书写在body中
4.onmouseover 当鼠标悬于其上时
5.onmouseout 当鼠标离开对象时
6.onmouseup 当鼠标松开
7.onmousedown 当鼠标按下键
8.onFocus 当对象获取焦点时
9.onSelect 当对象的文本被选中时
10.onChange 当对象的内容被改变
11.onBlur 当对象失去焦点
onsubmit=return(ss())表单调用时返回的值

直线 border-bottom:1x solid black
虚线 border-bottom:1x dotted black
点划线 border-bottom:2x dashed black
双线 border-bottom:5x double black
槽状 border-bottom:1x groove black
脊状 border-bottom:1x ridge black



hobo 2009-07-13 22:13 发表评论
]]>