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 相关文章推荐
jQuery 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
JavaScript 5 新增 Array 方法实现介绍
Feb 06 Javascript
javascript中文本框中输入法切换的问题
Dec 10 Javascript
探索Vue.js component内容实现
Nov 03 Javascript
Javascript之面向对象--封装
Dec 02 Javascript
canvas滤镜效果实现代码
Feb 06 Javascript
react-router v4如何使用history控制路由跳转详解
Jan 09 Javascript
vue树形结构获取键值的方法示例
Jun 21 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
Mar 07 Javascript
IE11下处理Promise及Vue的单项数据流问题
Jul 24 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 Javascript
Node.js 深度调试方法解析
Jul 28 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 程式大小
2006/12/06 PHP
php采集时被封ip的解决方法
2010/08/29 PHP
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
php中fgetcsv()函数用法实例
2014/11/28 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
Using the TextRange Object
2006/10/14 Javascript
通过身份证号得到出生日期和性别的js代码
2009/11/23 Javascript
理解Javascript_02_理解undefined和null
2010/10/11 Javascript
简洁Ajax函数处理(示例代码)
2013/11/15 Javascript
jquery查找tr td 示例模拟
2014/05/08 Javascript
RequireJS入门一之实现第一个例子
2015/09/30 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
2016/10/26 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
2016/12/04 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
2017/06/13 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
2019/09/13 Javascript
微信小程序实现横向滚动导航栏效果
2019/12/12 Javascript
浅谈使用nodejs搭建web服务器的过程
2020/07/20 NodeJs
在Uni中使用Vue的EventBus总线机制操作
2020/07/31 Javascript
[02:44]DOTA2英雄基础教程 钢背兽
2013/12/19 DOTA
浅谈python中列表、字符串、字典的常用操作
2017/09/19 Python
python的paramiko模块实现远程控制和传输示例
2017/10/13 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
Python如何获取文件路径/目录
2020/09/22 Python
HTML5实现直播间评论滚动效果的代码
2020/05/27 HTML / CSS
html5视频自动横过来自适应页面且点击播放功能的实现
2020/06/03 HTML / CSS
英国家具、照明、家居用品网上商店:Wayfair.co.uk
2020/02/13 全球购物
介绍一下gcc特性
2015/10/31 面试题
团委书记的竞聘演讲稿
2014/04/24 职场文书
客运企业隐患排查工作方案
2014/06/06 职场文书
应届大学生求职信
2014/07/20 职场文书
python基于tkinter制作下班倒计时工具
2021/04/28 Python
5道关于python基础 while循环练习题
2021/11/27 Python