Javascript 个人笔记(没有整理,很乱)


Posted in Javascript onJuly 07, 2007

==============关于元素的显示和隐藏=============

Visibility快于Display 

让图画时隐时现会创造很有趣的效果,有2种方法可以实现这个目的:使用CSS的visibility属性或者

display属性。对于绝对位置元素,diaplay和visibility具有同样的效果。两者的区别在于:设置为

display:none的元素将不再占用文档流的空间,而设置为visibility:hidden的元素仍然保留原位置。 

==============一点经验=======================

1、JS变量没有块作用域,在判断循环中的定义在整个函数内都有定义

2、split()的参数是一个正则字符串,因此如果用郑泽表达式特殊字符作为参数时一定要转义

=============隐去浏览器中当鼠标移到图片上跳出的工具栏=============

<img galleryimg="no">

或者

<head>

<meta http-equiv="imagetoolbar" content="no">

</head>

=============一些技巧==================

1、#连接不会回到顶部

<a href="#" ōnClick="return false">

---------------

2、关闭不提示

opener=null;

window.close();

============js面向对象编程的一些总结=============

1、静态属性类实例访问不到,同样实例属性只能实例访问

var myfun=function(){this.a="a"};

myfun.b="b";

alert(new myfun().a);//输出a

alert(myfun.a);//输出undefined

alert(myfun.b);//输出b

alert(new myfun().b);//输出undefined

2、给prototype添加属性

添加给prototype的属性将会成为使用这个构造函数创建的对象的通用属性。

function Fish(name, color)

{

  this.name=name;

  this.color=color;

}

Fish.prototype.livesIn="water";

Fish.prototype.price=20;

正如上面的例子所示,每条实例鱼可以有不同的名字和颜色,但是他们有一个共同的属性,那就是都生活在水里。

这时因为当一个对象被创建时,这个构造函数将会把它的属性prototype赋给新对象的内部属性__proto__。这个__proto__被这个对象用来查找它的属性。

3、用prototype给对象添加函数

通过prototype来给所有对象添加共用的函数。这有一个好处:你不需要每次在构造一个对象的时候创建并初始化这个函数。

4、每个函数都有一个静态name属性(同样,每个内置类都有一个静态name属性),这个属性不能也不会被覆盖

function a()={};

var b=new Function();

alert(b.name);//输出anonymous

alert(a.name);//输出a

alert(Array.name);//输出Array

==================关于this==================

之所以说一下this,是因为他并不完全等同于C++或者Java里面的this变量。

this在js中表示紧贴着调用地点的,非prototype扩展的方法。

比如上面提到的

MyObj.prototype.sayBye = function () {

alert(”Bye” + this.name);

}

这个里面的this,紧贴的非prototype的函数是MyObj(再次注意,js中class是通过函数实现的),所以this.name就是实例变量。

但是在这种情况

MyObj.prototype.doSomething = function () {

todo(function () {

alert(this.name);

});

}

这个时候,this表示的是这个匿名函数

function () {

alert(this.name)

}

那么这里就会出现错误,如果想要这样使用,应该使用辅助变量。

MyObj.prototype.doSomething = function () {

var me = this; //把自己的reference赋值给变量me

todo (function () {

alert(me.name); //通过me来访问myObj实例

});

}

Javascript 相关文章推荐
用CSS+JS实现的进度条效果效果
Jun 05 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
Jan 06 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
Bootstrap每天必学之下拉菜单
Nov 25 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
Aug 29 Javascript
JavaScript SHA512加密算法详细代码
Oct 06 Javascript
详解如何使用Vue2做服务端渲染
Mar 29 Javascript
对node.js中render和send的用法详解
May 14 Javascript
Vue项目引进ElementUI组件的方法
Nov 11 Javascript
JS选取DOM元素常见操作方法实例分析
Dec 10 Javascript
Angular CLI发布路径的配置项浅析
Mar 29 Javascript
JS封装cavans多种滤镜组件
Feb 15 Javascript
使用户点击后退按钮使效三行代码
Jul 07 #Javascript
WordPress 插件——CoolCode使用方法与下载
Jul 02 #Javascript
syntaxhighlighter 使用方法
Jul 02 #Javascript
javascript之dhDataGrid Ver2.0.0代码
Jul 01 #Javascript
javascript事件模型代码
Jul 01 #Javascript
如何快速的呈现我们的网页的技巧整理
Jul 01 #Javascript
IE autocomplete internet explorer's autocomplete
Jun 30 #Javascript
You might like
骨王战斗力在公会成员中排不进前五,却当选了会长,原因竟是这样
2020/03/02 日漫
PHP mb_convert_encoding文字编码的转换函数介绍
2011/11/10 PHP
PHP小技巧之函数重载
2014/06/02 PHP
PHP实现转盘抽奖算法分享
2020/04/15 PHP
js 可拖动列表实现代码
2011/12/13 Javascript
jquery限制输入字数,并提示剩余字数实现代码
2012/12/24 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
jquery ui dialog实现弹窗特效的思路及代码
2013/08/03 Javascript
js实现div弹出层的方法
2014/11/20 Javascript
详解JavaScript函数对象
2015/11/15 Javascript
初步使用bootstrap快速创建页面
2016/03/03 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
jquery.validate表单验证插件使用详解
2017/06/21 jQuery
浅谈React前后端同构防止重复渲染
2018/01/05 Javascript
JS实现非首屏图片延迟加载的示例
2018/01/06 Javascript
JS表单传值和URL编码转换
2018/03/03 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
python实现的MySQL增删改查操作实例小结
2018/12/19 Python
python字符串反转的四种方法详解
2019/12/02 Python
Python3常见函数range()用法详解
2019/12/30 Python
Python面向对象程序设计之类和对象、实例变量、类变量用法分析
2020/03/23 Python
PyQt5结合matplotlib绘图的实现示例
2020/09/15 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
Fanatics法国官网:美国体育电商
2019/08/27 全球购物
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
飞利信loadrunner和软件测试笔试题
2012/09/22 面试题
后勤主管岗位职责
2014/03/01 职场文书
作文批改评语大全
2014/04/23 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
当你焦虑迷茫时,请读读这6句话
2019/07/24 职场文书