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 相关文章推荐
IE与firefox下Dhtml的一些区别小结
Dec 02 Javascript
导航跟随滚动条置顶移动示例代码
Sep 11 Javascript
jQuery+AJAX实现无刷新下拉加载更多
Jul 03 Javascript
JavaScript实现动态删除列表框值的方法
Aug 12 Javascript
jquery实现表格隔行换色效果
Nov 19 Javascript
js操作XML文件的实现方法兼容IE与FireFox
Jun 25 Javascript
JavaScript 随机验证码的生成实例代码
Sep 22 Javascript
解析JavaScript数组方法reduce
Dec 12 Javascript
原生js实现新闻列表展开/收起全文功能
Jan 20 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
Oct 15 Javascript
axios如何利用promise无痛刷新token的实现方法
Aug 27 Javascript
vue特效之翻牌动画
Apr 20 Vue.js
使用户点击后退按钮使效三行代码
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
一个用于mysql的数据库抽象层函数库
2006/10/09 PHP
需要发散思维学习PHP
2009/06/29 PHP
php中将html中的br换行符转换为文本输入中的换行符
2013/03/26 PHP
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
2010/03/27 Javascript
javascript + jquery实现定时修改文章标题
2014/03/19 Javascript
jquery实现的鼠标拖动排序Li或Table
2014/05/04 Javascript
js使用正则实现ReplaceAll全部替换的方法
2014/08/22 Javascript
JS实现图片平面旋转的方法
2016/03/01 Javascript
解决前端跨域问题方案汇总
2016/11/20 Javascript
Bootstrap轮播图的使用和理解4
2016/12/14 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
2017/03/04 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
基于js 各种排序方法和sort方法的区别(详解)
2018/01/03 Javascript
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
layui实现给某一列加点击事件
2019/10/26 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
python 正则式使用心得
2009/05/07 Python
Python中使用urllib2防止302跳转的代码例子
2014/07/07 Python
Python迭代用法实例教程
2014/09/08 Python
跟老齐学Python之数据类型总结
2014/09/24 Python
python监控文件或目录变化
2016/06/07 Python
python 将对象设置为可迭代的两种实现方法
2019/01/21 Python
浅谈python的elementtree模块处理中文注意事项
2020/03/06 Python
python如何实现图片压缩
2020/09/11 Python
5分钟快速掌握Python定时任务框架的实现
2021/01/26 Python
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
英国皇家造币厂:The Royal Mint
2018/10/05 全球购物
有趣的流行文化T恤、马克杯、手机壳和更多:Look Human
2019/01/07 全球购物
团队经理竞聘书
2014/03/31 职场文书
网络管理员岗位职责
2015/02/12 职场文书
幼师求职自荐信
2015/03/26 职场文书
劳动仲裁代理词范文
2015/05/25 职场文书
会计实训总结范文
2015/08/03 职场文书
go 实现简易端口扫描的示例
2021/05/22 Golang
Python selenium的这三种等待方式一定要会!
2021/06/10 Python