一般开发时都不使用IE浏览器,特别是IE9 IE8这些, 不只速度慢,兼容问题也是一堆一堆的,没办法还是有一些人在使用这些浏览器,只能想办法尽量魂, 我本人用的是火狐浏览器,都弄好后我发现一个很严重的问题,除了ie9以下的浏览器都不能支持html5的新标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu)。
后来在网上找到一个js文件custom.modernizr.js,使用之后发现确实可以解决新标签的问题,但此文件就有9.2KB,仅仅几个标签,后来无意间发现HTML5shiv,实在是太小巧了,2KB,解决新标签支持问题,
使用方法如下阅读全文...

CKEditor编辑器相当好用, 扩展丰富, 界面漂亮,有时候添加内容编辑了好久,结果网络出错或者其它方面的原因,还没提交或者一提交,数据没了,那个难受劲,为了解决这个问题,我将discuz里的自动保存草稿功能给挖出来了,用localStorage实现的,支持多浏览器,操作方便,不需要点击自动保存,效果如下:

当然实现起来也是相当简单的,只需要几段js代码就可以了,阅读全文...

Code Snippet是CKEditor4.4.1的新插件，主要提供添加代码片段高亮显示的功能。
另外注意一点的是，Code Snippet只是作为CKEditor的插件，真正实现代码高亮的是highlight.js这个代码高亮JS库。
Code Snippet只是将highlight.js作为默认的高亮库,由于highlight.js已经集成在Code Snippet中，所以我们在使用CKEditor时候是不需要另外再引用highlight.js这个库。

安装方法:
下载Code Sn阅读全文...

可兼容火狐FF, IE浏览器,谷歌浏览器,其它浏览器基于IE内核应该也支持

cobj = document.getElementById("comment"); //

cobj.value='内容 '+cont+'：'; //加上内容

//cobj.focus();

cobj.focus(); //得到焦点

var len = cobj.value.length;

if(document.selection) {

    var sel = cobj.createTextRange();

    sel.moveStart('character',len);

    sel.collapse();

    sel.select();

} else if (typeof cobj.selectionStart == 'number' && typeof cobj.selectionEnd == 'number') {

    cobj.selectionStart = cobj.selectionEnd = len;

}

阅读全文...

点击连接或按纽复制内容至粘贴板,兼容多浏览器

<script type="text/javascript" src="js/zeroclipboard/ZeroClipboard.js"></script>
<script type="text/javascript">
ZeroClipboard.setMoviePath('js/zeroclipboard/ZeroClipboard.swf');
ZeroClipboard.setMoviePath('js/zeroclipboard/ZeroClipboard10.swf'); //两个swf不可少
$(function(){
   var clip = new ZeroClipboard.Client();
   clip.setHandCursor( true );
   clip.setCSSEffects( true );
   clip.addEventListener( 'mouseDown', function(client){
      clip.setText($('#myText').attr("href")); //要复制的内容
   });
   clip.addEventListener('complete', function(){alert('复制成功');}); //内容复制成功后提示文字
   clip.glue('myText');  //这个为连接或按纽的id
});
</script>

阅读全文...

用原生javascript获取如下li标签中img的src属性值和span标签的date_url属性值

<script type="text/javascript">
var li=document.getElementById("li");
 
var src=li.firstChild.getAttribute("src");
alert(src);
 
var url=li.lastChild.getAttribute("date_url");
alert(url);
 
var name=li.lastChild.innerHTML;
alert(name);
</script>

阅读全文...

//验证邮件地址
function isemail(aemail){
var rule=/^([w-]+(?:.[w-]+)*)@((?:[w-]+.)*w[w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$/i;
if (!rule.test($(aemail).value)){
return false;
}
return true;
}
//验证电话号码
function isphone(aphone){
var rule = /^(((()?d{2,4}())?[-(s)*]){0,2})?(d{7,11})$/;
if (!rule.test($(aphone).value)){
return false;
}
return true;
}阅读全文...

百度的:
<div>
<input id="youa_search_input" placeholder="搜索更多热门商品" name="keyword" type="text" value="" maxlength="80">
<input type="submit" value="百度一下">
</div>
/*搜索框焦点获得与取消时文字显示与消失*/
<script type="text/javascript">
阅读全文...

/*
----------------------------------------------------------------------------
'Source'        源代码
'DocProps'      页面属性
'-',
'Save'          保存
'NewPage'       新建页面
'Preview'       预览
阅读全文...

Math.floor()，其中Math是JavaScript的一个对象，floor是Math的属性。Math.floor()可以获得一个数的整数部分，而不是四舍五入，这在编程中比较常用，比如要使用JavaScript制作一条虚线。

用法实例：

<script>
document.write(Math.floor(400.0244))
</script>
运行结果是400。

<script>
document.write(Math.floor(3.8))
</script>
运行结果是3。

阅读全文...