标签为 "js" 的存档

关于event兼容mozilla firefox的问题 event is not defined

火狐下使用 event.srcElement 时候,被提示 event is not defined,但是在IE下确是好的。这是由于不兼容引起的,火狐下可以用event.target来替代 event.srcElement ,如果要做到两者兼容,可用如下语句:

obj = event.srcElement ? event.srcElement : event.target;

这样浏览器会自己选择适合的语句来进行调用。
Read more…

火狐下innerText兼容问题

火狐下innerText不起作用,是因为火狐下没有innerText这个属性,火狐下对应的是textContent,所以可以用此语句来进行兼容:

if(navigator.appName.indexOf("Explorer") > -1)
        document.getElementById("id").innerText = "contenttext";
else
         document.getElementById("id").textContent = "contenttext";

另外,火狐和IE均有 innerHTML 属性,所以如果可以的话,使用innerHTML属性也可以起到兼容作用。
Read more…

火狐 getyear 数据格式

火狐下使用getyear时,得到不是正常格式的 2011 数据,是一个比较小的数,加上1900就是正常的年份。这也是和IE的兼容性问题,解决办法也很多。
首先是判断得到的数据,决定是否加上1900:

year = (year < 1900) ? (1900 + year) : year;

其实更简单的是可以用getfullyear()或者getUTCFullYear()来替代即可。

js/jquery — null 为空或不是对象

本文只针对本人遇到的情况进行说明,相信其他人也有可能会遇到类似的情况。
本人用jquery的ajax做了一个省市联动,在本地测试可行,但是当部署到程序的测试环境后却产生错误,说null 为空或不是对象。
引起此错误的原因应该就是如下两种之一:
1、选择器的确是没有找到指定的元素,有可能是因为你的这条语句在html文档中的位置比较靠前,在该元素加载之前你的这条js开始执行,找不到元素。如果还是不希望修改js语句的位置,可以选用

$(function(){
//你的jquery 代码
}

此语句表示在文档加载完后才开始加载此处的js代码。
2、没有加载到jQuery的lib文件,导致选择器失效。
我这里,此程序选用了一个现有的框架,虽然在web页面源码中可以看到jQuery文件被引入了,但是还是报此错误,经排查发现是框架载入文件的顺序问题,在我的此jquery运行前,jquery框架还未运行,所以会提示“null 为空或不是对象”,经修正,即可正常运行了。
Read more…

Google首页电吉他google-guitar源代码下载

谷歌为了纪念电吉他之父莱斯·保罗(Les Paul)诞辰96周年,在6月9日特地推出了“电吉他Doodle”。其有趣的造型,能弹奏音乐的特性,吸引了许多网友的围观。

谷歌“涂鸦”,一般是指谷歌的一次性标志logo设计。6月9日和6月10日,“涂鸦”是以一个六弦的吉他为特征的,这个logo可以让访问的人通过用鼠标来弹奏琴弦,并纪录30秒的歌曲。 

展示页面:

https://fukun.org/dd_share/google-guitar/google-guitar.htm

Google 电吉他 谱子:
网友们提供了好多谱子呢,这里挑几首简单的,先按下键盘图标,然后用键盘弹,记得关闭输入法。
另外,由于本地的JS和FLASH的安全设置,下载后的文件在本地打开可能会没有声音。只要传到服务器上就OK啦。或者将以下代码嵌入你的BLOG,也可以使用啦。

<iframe src="https://fukun.org/dd_share/google-guitar/google-guitar.htm" width="100%" height="100%" scrolling="0" border="0" frameborder="no"/>

两只老虎 (我的最爱^_*)
TYUT TYUT UIO UIO OPOIUT OPOIUT UWT UWT
沧海一声笑
POUYT UYTEW WEWETYUOP PPOUYTY
隐形的翅膀
358787 6568321 11186532122 358787 6568321 1118653211

Read more…

js获取iframe内的内容

js获取iframe内内容:
iframe的id为zz,使用以下语句即可获得iframe内的document,再DOM下去就可以获得iframe内的其它元素了~~

<script lang="javascript">
    alert(document.getElementById("zz").contentWindow.document);
</script>

Read more…

js 获取、设置textarea的值

如何通过 js  获取、设置textarea的值,一个简单的小例子就能看懂了~

<textarea id="txta">test</textarea>
<script type="text/javascript">
   var txt;
   txt = document.getElementById('txta').value;	//获取textarea的值
  document.write (txt);
   document.getElementById('txta').value = "txt2";	//设置textarea的值
</script>

Read more…

正则表达式—js,Jquery验证电子邮箱,js,Jquery验证电话号码,js,Jquery验证邮编,jquery 表单验证

在引入Jquery文件后,可以使用以下函数调用正则表达式对表单进行验证。

js,Jquery验证电子邮箱的函数:

function checkmail(s,name){
str = $("#"+s).val();
var reg=/^[a-zA-Z]([a-zA-Z0-9]*[-_.]?[a-zA-Z0-9]+)+@([w-]+.)+[a-zA-Z]{2,}$/;
if(!reg.test(str)){
msg=name+"请输入合法的Email地址";
alert(msg);
return false;
}
else{
return true;
}
}

js,Jquery验证电话号码:
Read more…