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 相关文章推荐
javascript中对Attr(dom中属性)的操作示例讲解
Dec 02 Javascript
21个JavaScript事件(Events)属性汇总
Dec 02 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
老生常谈 js中this的指向
Jun 30 Javascript
基于JavaScript实现本地图片预览
Feb 08 Javascript
javascript实现滑动解锁功能
Mar 22 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
bootstrap datetimepicker控件位置异常的解决方法
Nov 23 Javascript
JS计算两个时间相差分钟数的方法示例
Jan 10 Javascript
JS实现select选中option触发事件操作示例
Jul 13 Javascript
使用pkg打包ThinkJS项目的方法步骤
Dec 30 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
PHP全概率运算函数(优化版) Webgame开发必备
2011/07/04 PHP
thinkPHP中create方法与令牌验证实例浅析
2015/12/08 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
轻轻松松学习JavaScript
2007/02/25 Javascript
固定背景实现的背景滚动特效示例分享
2013/05/19 Javascript
jQuery :first选择器使用介绍
2013/08/09 Javascript
jquery下div 的resize事件示例代码
2014/03/09 Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
2014/05/05 Javascript
IE下支持文本框和密码框placeholder效果的JQuery插件分享
2015/01/31 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
2015/03/13 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
2016/03/09 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
2016/08/25 Javascript
微信小程序实现判断是分享到群还是个人功能示例
2019/05/03 Javascript
jQuery实现弹幕特效
2019/11/29 jQuery
js实现简单进度条效果
2020/03/25 Javascript
简单上手Python中装饰器的使用
2015/07/12 Python
Python 的内置字符串方法小结
2016/03/15 Python
Python 12306抢火车票脚本
2018/02/07 Python
使用Django启动命令行及执行脚本的方法
2018/05/29 Python
Python Numpy计算各类距离的方法
2019/07/05 Python
python读取指定字节长度的文本方法
2019/08/27 Python
python获取依赖包和安装依赖包教程
2020/02/13 Python
python实现将range()函数生成的数字存储在一个列表中
2020/04/02 Python
Pycharm安装并配置jupyter notebook的实现
2020/05/18 Python
如何使用 Python 读取文件和照片的创建日期
2020/09/05 Python
python利用线程实现多任务
2020/09/18 Python
Python实现异步IO的示例
2020/11/05 Python
HTML5新增加标签和功能概述
2016/09/05 HTML / CSS
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
护士毕业生自荐信
2014/02/07 职场文书
财务人员的自我评价范文
2014/03/03 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
个人对照检查材料思想汇报
2014/09/26 职场文书
学校查摆问题整改措施
2014/09/28 职场文书