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 对话框和状态栏使用说明
Oct 25 Javascript
javascript 事件查询综合 推荐收藏
Mar 10 Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
May 21 Javascript
JQuery解析HTML、JSON和XML实例详解
Mar 29 Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
JS动态添加Table的TR,TD实现方法
Jan 28 Javascript
jquery实现标题字体变换的滑动门菜单效果
Sep 07 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 Javascript
响应式表格之固定表头的简单实现
Aug 26 Javascript
JavaScript中const、var和let区别浅析
Oct 11 Javascript
node.JS路径解析之PATH模块使用方法详解
Feb 06 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/04 日漫
PHPnow安装服务[apache_pn]失败的问题的解决方法
2010/09/10 PHP
解析PHP可变函数的经典用法
2013/06/20 PHP
php防止sql注入简单分析
2015/03/18 PHP
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
node.js使用nodemailer发送邮件实例
2014/03/10 Javascript
jquery获取radio值(单选组radio)
2014/10/16 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
javascript文本模板用法实例
2015/07/31 Javascript
详解Bootstrap四种图片样式
2016/01/04 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
jQuery中delegate()方法的用法详解
2016/10/13 Javascript
Vue自定义指令拖拽功能示例
2017/02/17 Javascript
Vue 2.X的状态管理vuex记录详解
2017/03/23 Javascript
H5手机端多文件上传预览插件
2017/04/21 Javascript
详解Vue 动态添加模板的几种方法
2017/04/25 Javascript
关于Vue项目跨平台运行问题的解决方法
2018/09/18 Javascript
详解如何在Angular优雅编写HTTP请求
2018/12/05 Javascript
js实现删除li标签一行内容
2019/04/16 Javascript
深入浅出vue图片路径的实现
2019/09/04 Javascript
使用PreloadJS加载图片资源的基础方法详解
2020/02/03 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
[02:43]中国五虎出征TI3视频
2013/08/02 DOTA
python 解析html之BeautifulSoup
2009/07/07 Python
Python实现运行其他程序的四种方式实例分析
2017/08/17 Python
Python实现自动为照片添加日期并分类的方法
2017/09/30 Python
TensorFlow 滑动平均的示例代码
2018/06/19 Python
Python实现根据日期获取当天凌晨时间戳的方法示例
2019/04/09 Python
django ObjectDoesNotExist 和 DoesNotExist的用法
2020/07/09 Python
用python写PDF转换器的实现
2020/10/29 Python
html5使用canvas实现弹幕功能示例
2017/09/11 HTML / CSS
Tom Dixon官网:英国照明及家具设计和制造公司
2019/03/01 全球购物
2015年银行大堂经理工作总结
2015/04/24 职场文书
开学随笔
2015/08/15 职场文书
个人售房合同协议书
2016/03/21 职场文书
JS异步堆栈追踪之为什么await胜过Promise
2021/04/28 Javascript