JavaScript常用方法(转载)

最新推荐文章于 2024-07-11 18:00:32 发布
最新推荐文章于 2024-07-11 18:00:32 发布
阅读量84 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/johnwonder/archive/2011/01/18/1938057.html
版权

只能是写限定的东西 代码如下:

　　只能是中文

<input οnkeyup="value=value.replace(/[ -~]/g,'')" οnkeydοwn="if(event.keyCode==13)event.keyCode=9">

　　只能是英文和数字.屏蔽了输入法

<input style="ime-mode:disabled" οnkeydοwn="if(event.keyCode==13)event.keyCode=9">

　　只能输入英文和数字

<input οnkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" οnkeydοwn="if(event.keyCode==13)event.keyCode=9">

　　只能是数字

<input οnkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

　　只能显示，不能修改的文本框

<input readOnly value="只能显示，不能修改">

　　只能是数字,判断按键 代码如下:

<script  language=javascript>
function  onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))
event.returnValue=false;
}
</script>
<input  οnkeydοwn="onlyNum();"> 

　　附：获取键盘的KeyCode

<html>
<head>

<script language="javascript">
  ns4 = (document.layers) ? true : false;
  ie4 = (document.all) ? true : false;
function keyDown(e){
  if(ns4){
  var nkey=e.which;
  var iekey='现在是ns浏览器';
  var realkey=String.fromCharCode(e.which);
}
  if(ie4){
  var iekey=event.keyCode;
  var nkey='现在是ie浏览器';
  var realkey=String.fromCharCode(event.keyCode);
  if(event.keyCode==32){realkey='\' 空格\''}
  if(event.keyCode==13){realkey='\' 回车\''}
  if(event.keyCode==27){realkey='\' Esc\''}
  if(event.keyCode==16){realkey='\' Shift\''}
  if(event.keyCode==17){realkey='\' Ctrl\''}
  if(event.keyCode==18){realkey='\' Alt\''}
}
  alert('ns浏览器中键值:'+nkey+'\n'+'ie浏览器中键值:'+iekey+'\n'+'实际键为'+realkey);
}
document.onkeydown = keyDown;
if(ns4){
document.captureEvents(Event.KEYDOWN);}
</script>
</head>
<body>
//Javascript Document.
<hr>
<center>
<h3>请按任意一个键。。。。</h3>
</center>
</body>
</html>

　　限制网页用键盘

<body οnkeydοwn="alert('禁用');return false;">

　　限制键盘的某个键：

<body οnkeydοwn="if(event.keyCode==num){alert('禁用');return false;}>

TEXTAREA自适应文字行数的多少

<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">

　　上传预览图片

<img id=pic  src=http://www.webjx.com/images/logo.gif>
<input type=file name=file><input type=button οnclick=pic.src=file.value value=预览图片>
<input type=button οnclick=alert(file.value) value=图片地址>
<input type=button οnclick="file.outerHTML=file.outerHTML.replace(/value=\w/g,'')" value="清除file里字">

　 

　　一个复选框，点击之后一组复选框全部都选上

<input type="checkbox" name="checkA" onpropertychange="for(i=0;i<A.children.length;i++){A.children[i].checked=this.checked}">a
<br>
<span id="A">
<input type="checkbox" name="A1">
<input type="checkbox" name="A2">
<input type="checkbox" name="A3">
</span>

　　提示限制输入的字符数

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

function strlength(str){
    var l=str.length;
    var n=l
    for (var i=0;i<l;i++)
    {
        if (str.charCodeAt(i)<0||str.charCodeAt(i)>255) n++
    }
    return n       

}

function changebyte(value,length){
    var l=strlength(value)
    if (l<=length) {
        if (document.all!=null) document.all("byte").innerText="还可以输入"+(length-l)+"字节"
    }
    else
    {
        document.all("byte").innerText="输入字节数超出范围"
    }
    return true
}

function changebyte1(value,length){
    var l=strlength(value)
    if (l<=length) {
        if (document.all!=null) document.all("byte1").innerText="还可以输入"+(length-l)+"字节"
    }
    else
    {
        document.all("byte1").innerText="输入字节数超出范围"
    }
    return true
}

function changebyte2(value,length){
    var l=strlength(value)
    if (l<=length) {
        if (document.all!=null) document.all("byte2").innerText="还可以输入"+(length-l)+"字节"
    }
    else
    {
        document.all("byte2").innerText="输入字节数超出范围"
    }
    return true
}
</script>
<form method="post" name=test onSubmit="return checkdata()" action="">
<TEXTAREA οnkeydοwn="return changebyte1(document.test.icqcontent.value,198)" οnkeyup="return changebyte1(document.test.icqcontent.value,198)" name=icqcontent cols=40 rows="3"></TEXTAREA>
<SPAN id=byte1><SCRIPT language=JavaScript>changebyte1(document.test.icqcontent.value,198);</SCRIPT>

</form>

　　判断填写字数的限制

<script language=javascript>
function gbcount(message,total,used,remain)
{
  var max;
  max = total.value;
  if(message.value.length > max){
    message.value = message.value.substring(0,max);
    used.value = max;
    remain.value = 0;
    alert('留言不能超过规定的字数!');
  }
  else{
    used.value = message.value.length;
    remain.value = max - used.value;
  }
}
</script>

<form name='myform' >
<textarea name='GuestContent' cols='59' rows='6'    οnkeydοwn=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain); οnkeyup=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain);></textarea>
最多字数：<INPUT disabled maxLength=4 name=total size=3 value=20>
已用字数：<INPUT disabled maxLength=4 name=used size=3 value=0>
剩余字数：<INPUT disabled maxLength=4 name=remain size=3>
</form>

 

1.οncοntextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键


<table border οncοntextmenu=return(false)><td>no</table> 可用于Table

2<body onselectstart="return false"> 取消选取、防止复制

3οnpaste="return false" 不准粘贴

4οncοpy="return false;" oncut="return false;" 防止复制

5<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6<link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7<input style="ime-mode:disabled"> 关闭输入法

9防止被人frame

<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

10<noscript><iframe src=*.html></iframe></noscript> 网页将不能被另存为

转自:http://blog.sina.com.cn/s/blog_4d0f79ba01000b5r.html

转载于:https://www.cnblogs.com/johnwonder/archive/2011/01/18/1938057.html

weixin_30302609
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript常用方法
慕北丶
03-18 545
文章目录常用方法1.数字转换将一个字符串类型数字转换成整数：转换成小数：保留指定小数位：2.日期对象取得日期：3.数组的创建和相关方法创建数组（字面量创建）：使用构造方法创建：操作元素的方法向数组中添加元素：将元素添加到第一个元素之前：删除最后一个元素删除第一个元素：取得浏览器地址栏的参数 常用方法 1.数字转换 在开发中可能会遇到需要将一个字符串类型的数字转换成Number类型的数字 将一个字符...
javascript 常用方法
爱人BT的博客
12-26 1756
一、Js/Jquery获取网页屏幕可见区域高度 1.1、获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。 document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域...
JavaScript操作BOM对象
weixin_45800832的博客
02-11 254
事件： 1、onload:一个页面或一幅图像完成加载 οnlοad=“方法名（）” 直接完成加载页面或者图像 2、onlick：鼠标单击某个对象 οnclick=“方法名()” 鼠标可点击的超链接或者按钮 3、onmouseover：鼠标移到某元素上 οnmοuseοver=“over()” 鼠标放上去的效果 οnmοuseοut=“out()” 鼠标离开后的效果 function over()...
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
11-20
一、UglifyJS UglifyJS是用JavaScript编写的JavaScript压缩工具。 官网：http://lisperator.net/uglifyjs/ 1、通过NPM安装UglifyJS （1）安装Node.js 从Node.js官网https://nodejs.org/en/下载对应平台的安装程序，当前最新版本11.4.0，推荐版本10.14.2。 本人下载的是10.14.2，下载下来是一个node-v10.14.2-x64.msi安装包，按照默认下一步安装。 安装成功后在cmd命令提示符下输入node -v，可以显示版本号： C:\Users\lc>node -v v10
JavaScript深究系列 [一]
angjiu8534的博客
06-18 95
1. JavaScript中 = = =　 　　首先，== equality 等同，=== identity 恒等。==， 两边值类型不同的时候，要先进行类型转换，再比较。===，不做类型转换，类型不同的一定不等。　　 　　下面，分别说明：先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等： 如果类型不同，就[不相等] 如果两个都是数值，并且是同一个...
JavaScript之闭包
linhongyong的博客
11-06 292
引用块内容 列表内容 列表内容## 标题 ## JavaScript之闭包function cloSure(){ var num=10; var bar = function(){ num*=2; return num; }; return bar; }; /*在C++或者java中，函数调用完成后需要进行内存的释放，此时对于C++或
你不知道的javascript
qq_43244452的博客
03-18 657
js编译原理 分为三个步骤： 1、分词/词法分析 作用：将代码分解为代码块（词法单元） 分词和词法分析的区别： 在生成词法单元时，如果生成的词法单元是未声明的（词法单元生成器调用无状态的解析规则），解析的过程被称为分词。 如果生成的词法单元是已经声明的（词法单元生成器调用有状态的解析规则），解析的过程被称为词法分析。 举例 var a = 1;//此处是分词，词法单元生成器将其解析为var、 a、 =、 1、 ;五个词法单元。 a = 2;//此处是词法分析，因为a已经声明了，词法单元生成器将调用有状态
javascript中常用编程知识
10-27
javascript虽然只是一个脚本语言，但是它完全也是一个编程语言需要我们来学习一下，下面是转载的篇关于javascript中常用的编程知识
【转载】javaScript常用的东东
08-07
这些JavaScript常用方法构成了开发者日常编程的基础，熟练掌握它们能极大地提高编程效率和代码质量。在实际应用中，还可以结合其他技术如jQuery、React、Vue等库或框架，以及ES6+的新特性，进一步提升开发体验。不断...
javascript常用对象梳理
06-23
JS中的常用对象[转载]web 技术 2010-06-05 15:00:30 阅读3 评论0 字号：大中小 订阅 [removed] Window For JavaScript 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、...
Javascript 判断 object 的特定类转载
10-31
总结来说，JavaScript中判断对象特定类型的常用方法有`typeof`和`instanceof`。`typeof`适用于基本类型，而`instanceof`适用于检查对象是否属于特定的类或构造函数。为了更精确地判断，开发者需要了解这些工具的限制...
javascript中文转拼音(转载)
02-19
在给定的资源中，"javascript中文转拼音(转载)"是一个关于使用JavaScript实现中文字符转换为拼音的功能。这个功能在多种场景下都非常有用，比如搜索引擎优化（SEO）、语音合成或无障碍阅读等。 `pinyinEngine.full....
JQuery+Ajax实现登录验证
clovic的专栏
11-26 1094
没学会走呢就先跑了，没基础和理论真可怕！ 这次呢，主要记录下账号密码的验证和显示。 本来页面和后台的交互应该挺简单，我用了struts2，多加了跳转调度，唉！问题就来了…… 两种实现方法： 方法一： 1. Action部分： public void login() throws IOException{ msg = null; udao = new UserDao(); us
JS简单实现拖拽可视化构图
浅浅墨璃玥的博客
08-05 4374
简易实现JS拖拽构图： 提供两个js函数，调用run()函数即可实现效果： /** * String targetId 第一个参数为目标容器的id属性值 * String componentClass 第二个参数为拖拽组件的class属性值 */ function run(targetId,componentClass){ var compon
JavaScript--关于闭包（closure）
weixin_30273175的博客
08-17 156
js代码在执行前会做的几件事情： 1.代码检测 2.预编译：在执行代码之前会对代码中的函数以及变量提前声明 并且做一些其他的处理 　　1.函数在执行前的一瞬间，会生成一个OA（object action）对象 　　2.函数的形参作为OA对象的属性名，实参作为AO对象的属性值 　　3.分析var声明，变量名作为AO对象的属性名，值为undefined，如果遇到和参数同名的变量不去...
JavaScript第二章 javascript基础
chuanlinlaile的博客
03-13 561
第二章 javascript基础一.基本要素javascript语法的基本要素是:•区分大小写  •变量不区分类型  •每条语句结尾可以省略分号  •注释与c/c++/java/php相同  •代码段要封闭二.变量和数据类型javascript是弱类型脚本语言？声明变量时无需指定变量的数据类型。将什么类型的赋值给变量,该变量就是什么类型的。javascript是解释时动态决定的,数据保存在内存时也...
学习Javascript闭包（Closure）
Oliver_web的博客
12-31 399
学习Javascript闭包（Closure） 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和
JavaScript学习总结(十六)——Javascript闭包（Closure）
weixin_33898233的博客
05-02 116
　　闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。很早就接触过闭包这个概念了，但是一直糊里糊涂的，没有能够弄明白JavaScript的闭包到底是什么，有什么用，今天在网上看到了一篇讲JavaScript闭包的文章(原文链接)，讲得非常好，这下算是彻底明白了JavaScript的闭包到底是个神马东东以及闭包的用途了，在此写出来和大家分享一下，...
vue2 实现原生 WebSocket
最新发布
weixin_38797742的博客
07-11 330
原生WebSocket： new WebSocket。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值