ITKeyword,专注技术干货聚合推荐

注册 | 登录

我的html,css,js积累

wclxyn 分享于 2012-01-03

推荐:HTML/CSS/JS: 兼容经验

一. JS 1. 操作 innerText/textContent FF 支持 textContent; IE 支持 innerText; 可以如下处理解决兼容问题: setInnerText:function(obj,text){ obj.innerTex

2020腾讯云“6.18”活动开始了!!!(巨大优惠重现!4核8G,5M带宽 1999元/3年),
地址https://cloud.tencent.com/act/cps/redirect?redirect=1059

2020阿里云最低价产品入口,含代金券(新老用户有优惠),
地址https://www.aliyun.com/minisite/goods

在csdn的edit里面不支持js

1,防止粘贴如表单,只能自己手动输入:

<input type="text" name="username" onpaste="return false"/>

2,只能输入数字和英文字母:

<span id="" style="margin-left:65px;">
           <input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" name="username"/><font color="red">*</font>4-10字符,仅可为英文字母和数字组成 </span>

 *4-10字符,仅可为英文字母和数字组成   

2,

//将中文逗号转换为英文逗号 str:待替换的字符
function ReplaceDot(str)
{
    var Obj=document.getElementById(str);
    var oldValue=Obj.value;
    while(oldValue.indexOf(",")!=-1)//寻找每一个中文逗号,并替换
    {
        Obj.value=oldValue.replace(",",",");
        oldValue=Obj.value;
    }
}

把这段代码放到JS文件内,在页面内调用该JS文件,或把这段JS写在当前页面内,然后在需要使用的INPUT或textarea内放上这句代码

onKeyUp="ReplaceDot('XXXX')"

其中XXXX为input或textarea的name值

推荐:XML、HTML、CSS与JS的区别

    在BS里,我们先后学到了XML、HTML、CSS和JS。一开始,我分不清楚这几者之间有什么区别和联系,随着慢慢的学习,貌似是摸到了一些门道的。 首次,我们看一下

3,

<input type="text" name="case" onblur="this.value=this.value.toLocaleUpperCase()"/>

4,

tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。
 
把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中。 

这样,当浏览者使用TAB键在控件中移动时,将首先移动到具有最小tabIndex属性值的控件上,最后在具有最大tabIndex属性值的控件上结束移动。
 
如果有两个控件的tabIndex属性相同,则以控件在代码中出现的顺序为准。
 
默认的tabIndex属性为 0 ,将排列在在所有指定tabIndex的控件之后。 

而若把tabIndex属性设为一个负值(如tabIndex="-1"),那么这个链接将被排除在TAB键的序列之外。 

tabIndex的值可为0至32767之间的任意数字

5

.让弹出窗口总是在最上面:

<body onblur="this.focus();">

6

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

<STYLE>
 body {background-image:url(/logo.gif); background-repeat:no-repeat;background-position:center;background-attachment: fixed}
</STYLE>

7

回车键换行
把如下代码加入 <body>区域中

<script type="text/javascript">
function handleEnter (field, event) {
 var keyCode = event.keyCode ? event.keyCode : event.which ?
 event.which : event.charCode;
 if (keyCode == 13) {
  var i;
  for (i = 0; i < field.form.elements.length; i++) if (field == field.form.elements[i]) break;
  i = (i + 1) % field.form.elements.length;
  field.form.elements[i].focus();
  return false;
 }
 else return true;
}
</script>
<form>
<input type="text" onkeypress="return handleEnter(this, event)"> <br>
<input type="text" onkeypress="return handleEnter(this, event)"> <br>
<textarea>回车换行


推荐:前端学习 HTML、CSS、JS基础

前言: 在这里整理一点点前端知识,为之后系统学习前端打点基础。 HTML基础: 网页的分类: 静态网页 动态网页 交互式网页 HTML简介: 用来描述网页的一种语言。

在csdn的edit里面不支持js 1,防止粘贴如表单,只能自己手动输入: <input type="text" name="username" onpaste="return false"/> 2,只能输入数字和英文字母: <span id="" style="margin-lef

相关阅读排行


相关内容推荐

最新文章

×

×

请激活账号

为了能正常使用评论、编辑功能及以后陆续为用户提供的其他产品,请激活账号。

您的注册邮箱: 修改

重新发送激活邮件 进入我的邮箱

如果您没有收到激活邮件,请注意检查垃圾箱。