就是调用对象是一个Array,对Array类型增加了一个原型写法的函数，一般写一些扩展时经常用。比如判断一个元素是否在数组中之类的

Array.prototype.inArray=function(value){
    for(var i=0;i<this.length;i++){
        if (this[i] == value){
           return true;
        }
    }
    return false
};
 
 
var arr=["1","2","3"];
//以下同调用方式，在inArray函数中，使用this即可得到arr
arr.inArray("1");
 
 
Array.prototype.inArray=function(value){
    for(var i=0;i<this.length;i++){
        if (this[i] == value){
           return true;
        }
    }
    return false
};
var arr=["1","2","3"];
//以下同调用方式，在inArray函数中，使用this即可得到arr
arr.inArray("1");

js数组去重的三种常用方法总结

第一种是比较常规的方法

思路：

1.构建一个新的数组存放结果

2.for循环中每次从原数组中取出一个元素，用这个元素循环与结果数组对比

3.若结果数组中没有该元素，则存到结果数组中

复制代码代码如下:
[this[0]];
如果是数组的话它是指this的第一个元素。
Array.prototype.unique1 = function(){
 var res = [this[0]];
 for(var i = 1; i < this.length; i++){
  var repeat = false;
  for(var j = 0; j < res.length; j++){
   if(this[i] == res[j]){
    repeat = true;
    break;
   }
  }
  if(!repeat){
   res.push(this[i]);
  }
 }
 return res;
}
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique1());

console:

var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
undefined
var res = [arr[0]];
undefined
res
[1]

var pattern = /aaaa/,
str = 'aaaa';
console.log(pattern.test(str));
VM1599:3 true
undefined

第二种方法比上面的方法效率要高

思路：

1.先将原数组进行排序

2.检查原数组中的第i个元素 与 结果数组中的最后一个元素是否相同，因为已经排序，所以重复元素会在相邻位置

3.如果不相同，则将该元素存入结果数组中

复制代码代码如下:

Array.prototype.unique2 = function(){
 this.sort(); //先排序
 var res = [this[0]];
 for(var i = 1; i < this.length; i++){
  if(this[i] !== res[res.length - 1]){
   res.push(this[i]);
  }
 }
 return res;
}
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique2());

第二种方法也会有一定的局限性，因为在去重前进行了排序，所以最后返回的去重结果也是排序后的。如果要求不改变数组的顺序去重，那这种方法便不可取了。

第三种方法（推荐使用）

思路：

1.创建一个新的数组存放结果

2.创建一个空对象

3.for循环时，每次取出一个元素与对象进行对比，如果这个元素不重复，则把它存放到结果数组中，同时把这个元素的内容作为对象的一个属性，并赋值为1，存入到第2步建立的对象中。

说明：至于如何对比，就是每次从原数组中取出一个元素，然后到对象中去访问这个属性，如果能访问到值，则说明重复。

复制代码代码如下:

Array.prototype.unique3 = function(){
 var res = [];
 var json = {};
 for(var i = 0; i < this.length; i++){
  if(!json[this[i]]){
   res.push(this[i]);
   json[this[i]] = 1;
  }
 }
 return res;
}

var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];
alert(arr.unique3());

JS使用正则表达式除去字符串中重复字符的方法

<script language="javascript">
 str = "Google"
 str1 = str.replace(/(.).*\1/g,"$1")
 document.write(str + "<br>");
 document.write(str1);
</script>
 

prototype（JS对象）

在JavaScript中，prototype对象是实现面向对象的一个重要机制。
每个函数就是一个对象（Function），函数对象都有一个子对象 prototype对象，类是以函数的形式来定义的。prototype表示该函数的原型，也表示一个类的成员的集合。
在通过new创建一个类的实例对象的时候，prototype对象的成员都成为实例化对象的成员。
1、该对象被类所引用，只有函数对象才可引用；
2、在new实例化后，其成员被实例化，实例对象方可调用。
同时，函数是一个对象，函数对象若直接声明成员，不用被实例化即可调用。
http://www.cnblogs.com/yjf512/archive/2011/06/03/2071914.html
 
最初对js中 object.constructor 的认识：
http://www.cnblogs.com/qiantuwuliang/archive/2011/01/08/1930548.html
 

js 自带的 map() 方法

http://www.cnblogs.com/lengyuehuahun/p/5642807.html

http://www.cnblogs.com/rocky-fang/p/5756733.html

JS正则表达式

JavaScript RegExp 对象

RegExp 对象

RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。

RegExp 对象属性

属性 描述 FF IE
global RegExp 对象是否具有标志 g。 1 4
ignoreCase RegExp 对象是否具有标志 i。 1 4
lastIndex 一个整数，标示开始下一次匹配的字符位置。 1 4
multiline RegExp 对象是否具有标志 m。 1 4
source 正则表达式的源文本。 1 4

RegExp 对象方法

方法 描述 FF IE
compile 编译正则表达式。 1 4
exec 检索字符串中指定的值。返回找到的值，并确定其位置。 1 4
test 检索字符串中指定的值。返回 true 或 false。 1 4

支持正则表达式的 String 对象的方法

方法 描述 FF IE
search 检索与正则表达式相匹配的值。 1 4
match 找到一个或多个正则表达式的匹配。 1 4
replace 替换与正则表达式匹配的子串。 1 4
split 把字符串分割为字符串数组。 1 4

JS正则表达式基本用法(经典全)

http://www.jb51.net/article/72346.htm

function Click(){
    if (event.button!=1){
        alert('版权所有(C)2001　XXX工作室');
    }}
document.onmousedown=Click;

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键，其实是禁止快捷菜单，因为不光右键可以弹出这个菜单，键盘上空格键右边的windows键也可以激活这个快捷菜单 
<table border oncontextmenu=return(false)><td>no</table> 可用于Table 
2. <body onselectstart="return false"> 禁止选取、防止复制 
3. onpaste="return false" 禁止粘贴 
4. oncopy="return false;" oncut="return false;" 禁止复制和剪切
5. <input style="ime-mode:disabled"> 关闭输入法

用javascript 禁止右键,禁止复制,禁止粘贴

 
用javascript 禁止右键,禁止复制,禁止粘贴
2007-03-01 18:36

有时自己辛苦半天做的网页，尤其是一些JavaScript特效，很容易被人利用查看源文件而复制。那么如何才能防止被人查看源代码呢？我们可以利用event.button特性来做到。下表是event.button属性的可能取值及含义：
0 没按键
1 按左键
2 按右键
3 按左和右键
4 按中间键
5 按左和中间键
6 按右和中间键
7 按所有的键
参照上表，我们可以在<body>和</body>之间加入如下语句：
<Script Langvage=javascript>
function Click(){
if (event.button!=1){alert('版权所有(C)2001　XXX工作室');
}}
document.onmousedown=Click;
</Script>
这样在浏览网页时除单击鼠标左键外，其他任何形式的鼠标点击或组合点击，都将出现“版权所有(C)2001 XXX工作室”的提示框，而不是出现快捷菜单，从而避免被人查看源文件代码。
如果使event.button=2，实际上它仅能限制点击鼠标右键情况，其他点击方式，如按左右键、按左和中间键、按中间键等就不能限制，当这些方式的点击发生时，出现的就是快捷菜单，从而可以查看源文件。

注意：把body改为如下代码：<body oncontextmenu="window.event.returnValue=false">，其中Value中的V一定要大写！！

页面禁用鼠标右键代码

可以把下面代码加入到页面适当位置。
LeadBBS论坛应用下面代码时，可以打开：inc/Board_Popfun.asp文件
查找：
<script language = "JavaScript" src = "<%=DEF_BBS_HomeUrl%>inc/JF.js" type="text/javascript"></script>
下面加入代码。

<script language=javascript>
function openScript(url, width, height,left,top,r){
      var Win = window.open(url,"openScript",'width=' + width + ',height=' + height + ',left=' +left+ ',top='+top+',resizable=no,scrollbars='+r+',menubar=no,status=no' );
}

//以下为禁止鼠标右键的代码，不想禁止的可以删除
<!--

if (window.Event) 
document.captureEvents(Event.MOUSEUP);

function nocontextmenu() 
{
event.cancelBubble = true
event.returnValue = false;

return false;
}

function norightclick(e) 
{
if (window.Event) 
{
if (e.which == 2 || e.which == 3)
return false;
}
else
{if (event.button == 2 || event.button == 3) {alert("【E路极速】欢迎你"); } }
{
event.cancelBubble = true
event.returnValue = false;
return false;
}

}

document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
//-->
</script>

图片禁用鼠标右键代码

应用方法同上。

<script language="JavaScript1.2">
var clickmessage="本站图片禁用右键!"
function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}
if (document.layers) {
if (e.which == 3) {
alert(clickmessage);
return false;
}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}

if (document.all)
document.onmousedown=disableclick
else if (document.layers)
associateimages()
</script>

功能：禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt

<script language="JavaScript">
<!--
function key(){ 
if(event.shiftKey){
window.close();}
//禁止Shift
if(event.altKey){
window.close();}
//禁止Alt
if(event.ctrlKey){
window.close();}
//禁止Ctrl
return false;}
document.onkeydown=key;
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu(){
event.cancelBubble = true
event.returnValue = false;
return false;}
function norightclick(e){
if (window.Event){
if (e.which == 2 || e.which == 3)
return false;}
else
if (event.button == 2 || event.button == 3){
event.cancelBubble = true
event.returnValue = false;
return false;}
}
//禁右键
document.oncontextmenu = nocontextmenu;   // for IE5+
document.onmousedown = norightclick;   // for all others
//-->
</script>

<body onselectstart="return false"; onpaste="return false";>

如何用用javascript 禁止右键,禁止复制,禁止粘贴,做站时常会用到这些代码，所以收藏了一下！

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键特效
<table border oncontextmenu=return(false)><td>no</table> 可用于Table

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

3. onpaste="return false" 不准粘贴技巧

4. oncopy="return false;" oncut="return false;" 防止复制的javascirpt特效


 
 
 
 
 

js学习笔记1的更多相关文章

  1. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  2. Vue.js学习笔记（2）vue-router

    vue中vue-router的使用:

  3. JS 学习笔记--9---变量-作用域-内存相关

    JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...

  4. WebGL three.js学习笔记 使用粒子系统模拟时空隧道（虫洞）

    WebGL three.js学习笔记 使用粒子系统模拟时空隧道 本例的运行结果如图: 时空隧道demo演示 Demo地址:https://nsytsqdtn.github.io/demo/sprite ...

  5. WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法

    WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...

  6. WebGL three.js学习笔记 创建three.js代码的基本框架

    WebGL学习----Three.js学习笔记(1) webgl介绍 WebGL是一种3D绘图协议,它把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的 ...

  7. vue.js 学习笔记3——TypeScript

    目录 vue.js 学习笔记3--TypeScript 工具 基础类型 数组 元组 枚举 字面量 接口 类类型 类类型要素 函数 函数参数 this对象和类型 重载 迭代器 Symbol.iterat ...

  8. 2019-4-29 js学习笔记

    js学习笔记一:js数据类型   1:基本数据类型       number类型(整数,小数)      String类型          boolean类型        NaN类型其实是一个nu ...

  9. 一点感悟：《Node.js学习笔记》star数突破1000+

    写作背景 笔者前年开始撰写的<Node.js学习笔记> github star 数突破了1000,算是个里程碑吧. 从第一次提交(2016.11.03)到现在,1年半过去了.突然有些感慨, ...

  10. JS学习笔记5_DOM

    1.DOM节点的常用属性(所有节点都支持) nodeType:元素1,属性2,文本3 nodeName:元素标签名的大写形式 nodeValue:元素节点为null,文本节点为文本内容,属性节点为属性 ...

随机推荐

  1. 迷你 MVC

    深入研究 蒋金楠(Artech)老师的 MiniMvc(迷你 MVC),看看 MVC 内部到底是如何运行的 2014-04-05 13:52 by 自由的生活, 645 阅读, 2 评论, 收藏, 编 ...

  2. DNN简介以及安装

    开源框架DNN简介以及安装 donetnuke 是一款免费的开源cms框架,目前也有收费版,不过免费版也可以适应大家大部分的需求.我前些阵子是老板让我在20天内,做好一个官网并且发布,并且指定使用dn ...

  3. Event对象的事件句柄

    <html> <!-- onresize 事件会在窗口或框架被调整大小时发生 --> <!--onresize="alert('窗口的大小得到变化就会执行我') ...

  4. DevExpress 学习使用之 SplitContainerControl

    无论是 .net framework 自带还是第三方组件,使用 Split 类控件时通常其 Panel 中都会包含多个子控件,在运行时不可避免遇到因改变 splitter 位置或改变窗体大小引起的界面 ...

  5. Java反射——引言

    Java反射——引言 原文地址:http://tutorials.jenkov.com/java-reflection/index.html *By Jakob Jenkov Java的反射机制使得它 ...

  6. ASP.NET MVC页面UI之联动下拉选择控件（省、市、县联动选择）

    地区选择操作在WEB应用中比较常见的操作,本文在.net mvc3下实现了省市县三级联动选择功能. 本文博客出处:http://www.kwstu.com/ArticleView/admin_2013 ...

  7. linux下面安装配置mongoDB

    不知道为什么官网最新的2.4我一直解压失败 下载之前确认一下你的操作系统是64位的还是32位的对应去下载 64位链接:http://fastdl.mongodb.org/linux/mongodb-l ...

  8. DIV+CSS命名参考

    用了一段CSS布局设计网页,发现自己的命名有点混乱,完全按照自己的想法命名,虽然没什么影响,有不给别人看源文件,但是工作室有时候和团队合作完成项目的时候,就遇到麻烦了,要修改一个地方相当的费事.所以还 ...

  9. asp.net做的网站账号登陆后注销不管用了

    最近做了个项目用到了数据库登录,A登陆后把登录状态保,个人信息存在Session里,但是奇怪的是,只要有一个用户登录后在其他电脑上打开上述页面,则也显示A登录状态,注销也不管用了.以前还号的.求大神啊 ...

  10. Python学习入门基础教程(learning Python)--6 Python下的list数据类型

    1. List是数组么? 答案是: 不是!Python 里面有一个非常强大的数据类型list.他什么都能装下!list里面既可以支持 int类型,也可以支持str类型. >>> li ...