发发关于JavaScript的感慨,随手记几个js知识碎片
2016-10-14 15:21
471 查看
最近一段时间写了很多JavaScript和jquery代码,越来越感觉js基础不牢固,写一句查半天,有时间肯定要系统的学一下。
不说了,先记一下最近学到的点东西,省的以后没时间系统学js还要再来查。
一,在js方法中获取触发方法的事件以及触发事件的元素对象:
A、获取事件对象比较简单:
但是需要注意的是:通过a标签的href是不能触发事件的:
B、获取了事件就可以获取触发事件的元素了
这获取的是一个原生的JavaScript元素对象,可以用$(currentElement)来获取对应的jquery对象,这样就能用jquery的方法了。
二、判断一个对象是否为undefined(typeof的用法)
核心就是:typeof(url)=="undefined"
在js中,typeof 可以用来检测给定变量的数据类型,可能的返回值:
1. 'undefined' --- 这个值未定义;
2. 'boolean' --- 这个值是布尔值;
3. 'string' --- 这个值是字符串;
4. 'number' --- 这个值是数值;
5. 'object' --- 这个值是对象或null;
6. 'function' --- 这个值是函数。
三、判断当前窗口是最父级窗口还是放在一个iframe中,并获取这个iframe对象
这里top就代表顶级窗口对象,self就是当前窗口对象,frameElement就是获取当前所在的iframe对象
不说了,先记一下最近学到的点东西,省的以后没时间系统学js还要再来查。
一,在js方法中获取触发方法的事件以及触发事件的元素对象:
A、获取事件对象比较简单:
var e = window.event;
但是需要注意的是:通过a标签的href是不能触发事件的:
//写了一个js方法: function getEvent(){ console.log(window.event);//在谷歌控制台打印 } //两个a标签以不同形式触发该方法: <a href="javascript:getEvent();" >标签一</a> <a href="javascript:void(0);" onclick="getEvent()" >标签二</a> //最后标签一打印的是undefined,标签二却可以正常获取window.event对象
B、获取了事件就可以获取触发事件的元素了
var currentElement =window.event.srcElement || window.event.target;
这获取的是一个原生的JavaScript元素对象,可以用$(currentElement)来获取对应的jquery对象,这样就能用jquery的方法了。
二、判断一个对象是否为undefined(typeof的用法)
var url; if(url==''||url==null||typeof(url)=="undefined"){ }
核心就是:typeof(url)=="undefined"
在js中,typeof 可以用来检测给定变量的数据类型,可能的返回值:
1. 'undefined' --- 这个值未定义;
2. 'boolean' --- 这个值是布尔值;
3. 'string' --- 这个值是字符串;
4. 'number' --- 这个值是数值;
5. 'object' --- 这个值是对象或null;
6. 'function' --- 这个值是函数。
三、判断当前窗口是最父级窗口还是放在一个iframe中,并获取这个iframe对象
if(top!=self){ var iframe=window.frameElement; var iframeId = $(iframe).attr("id"); }
这里top就代表顶级窗口对象,self就是当前窗口对象,frameElement就是获取当前所在的iframe对象
相关文章推荐
- 【js基础】javascript中关于数据类型一些知识和类型判断
- 关于javascript的基础知识
- 几个关于javascript的细节
- 关于性能测试的几个知识
- (重点)(关于JS调用的方式)JS 传值传值传值传值传值 没想到的失误,知识的不理解
- 关于js中字符串格式的数字的几个测试
- jquery源码阅读知识储备(4)关于js中if的解惑
- (JavaScript)观察到关于validaterulers中引用过来的js
- JavaScript就这么回事 (JS基础知识整理)
- JavaScript 入门基础知识 想学习js的朋友可以参考下
- 关于Js编写进度条问题 进度条 JavaScript
- 关于Javascript的有趣的3个小知识
- JavaScript就这么回事 (JS基础知识整理)
- 从零开始javascript(1):js基础知识
- JavaScript就这么回事 (JS基础知识整理)
- 有趣但可能是老掉牙的几个发现,关于js函数的
- JavaScript入门教程(2) JS基础知识
- JavaScript的几个小知识
- javascript中几个有意思的功能(目前5项) 1右键无效 2禁止网页复制 3禁止F5刷新 4新发现 5屏蔽js错误
- JavaScript 入门基础知识 想学习js的朋友可以参考下