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获取DOM元素位置和尺寸大小的方法
Apr 12 Javascript
javascript结合canvas实现图片旋转效果
May 03 Javascript
javascript实现带下拉子菜单的导航菜单效果
May 14 Javascript
JavaScript中的Object对象学习教程
May 20 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 Javascript
React Native实现进度条弹框的示例代码
Jul 17 Javascript
Vue中之nextTick函数源码分析详解
Oct 17 Javascript
vue+springmvc导出excel数据的实现代码
Jun 27 Javascript
vue使用Element组件时v-for循环里的表单项验证方法
Jun 28 Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
Mar 29 Javascript
ES6知识点整理之Proxy的应用实例详解
Apr 16 Javascript
使用js和canvas实现时钟效果
Sep 08 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实现图片自动清理的方法
2015/07/08 PHP
php简单解析mysqli查询结果的方法(2种方法)
2016/06/29 PHP
Yii的Srbac插件用法详解
2016/07/14 PHP
Ajax+Jpgraph实现的动态折线图功能示例
2019/02/11 PHP
JS面向对象编程浅析
2011/08/28 Javascript
jquery $.each()使用探讨
2013/09/23 Javascript
100个不能错过的实用JS自定义函数
2014/03/05 Javascript
JS数组的赋值介绍
2014/03/10 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
2014/09/10 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
jQuery对html元素的取值与赋值实例详解
2015/12/18 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
javascript+jQuery实现360开机时间显示效果
2017/11/03 jQuery
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
2018/02/08 Javascript
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
python自动化测试之连接几组测试包实例
2014/09/28 Python
Python中的filter()函数的用法
2015/04/27 Python
TF-IDF与余弦相似性的应用(一) 自动提取关键词
2017/12/21 Python
python pygame模块编写飞机大战
2018/11/20 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
Python3.7安装keras和TensorFlow的教程图解
2020/06/18 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
selenium学习教程之定位以及切换frame(iframe)
2021/01/04 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
html5 的a标签 Href 拨电话的写法
2013/11/04 HTML / CSS
H5最强接口之canvas实现动态图形功能
2019/05/31 HTML / CSS
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
Mountain Warehouse波兰官方网站:英国户外品牌
2019/08/29 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
2014年党员个人剖析材料
2014/10/08 职场文书
2015年党风廉政建设工作总结
2015/04/09 职场文书
预备党员考察表党小组意见
2015/06/01 职场文书
老乡会致辞
2015/07/28 职场文书
Python还能这么玩之用Python修改了班花的开机密码
2021/06/04 Python