2015-02-08——js笔记

示例1:

关于事件对象

MSIE:window.event,  cancelBubble,  returnValue,  srcElement, button(鼠标按键,1,4,2,左中右)

W3C:event,  stopPropagation(),  preventDefault(),  target,  button(鼠标按键,0,1,2,左中右)

示例2:

得到页面中某点坐标

示例代码:

function getPointInPage(eventObject) {
            eventObject = eventObject || getEventObject(eventObject);
            var w3cDom = document.documentElement;
            return {
                ‘x‘: eventObject.pageX || (eventObject.clientX + w3cDom.scrollLeft) || document.body.scrollLeft,
                ‘y‘: eventObject.pageY || (eventObject.clientY + w3cDom.scrollTop) || doucument.body.scrollTop
            };
        }

示例3:

将连字符型字符串变为驼峰型字符串

  示例代码:

function camelize(str) {
            return str.replace(/\-(\w)/g, function (allMathches, part1) {
                return part1.toUpperCase();
            });
        }

alert(camelize(‘s-a-ad-ee‘));

=>  sAAdEe

示例4:

  将驼峰型字符串变为连字符型字符串

  示例代码:

function unCamelize(str) {
            return str.replace(/([A-Z])/g, function (allMathes, part1) {
                return ‘-‘ + part1.toLowerCase();
            });
        }      

示例5:

得到节点类名

示例代码:

String.prototype.trim = function () {
            return this.replace(/^\s+|\s+$/g, ‘‘);
        };
        function getClassName(element){
            return element.className.replace(/\s+/g, ‘ ‘).trim().split(‘ ‘);
        }
        var arr = getClassName(document.getElementById(‘ceshi‘));
        for (var i = 0; i < arr.length; i++) {
            console.log(arr[i]);
        }

示例6:

  判定某节点是否含有某类名

  示例代码:

function hasClassName (element, className) {
            if (!(element = $(element))) {
                return false;
            }
            var classArr = getClassName();
            for (var i = 0; i < classArr.length; i++) {
                if (classArr[i] === className) {
                    return true;
                }
            }
            return false;
        }

 

时间: 2024-09-30 07:34:14

2015-02-08——js笔记的相关文章

2015.09.08 C++笔记

#include <iostream> #include <string> using namespace std; int *f1(int *i) { ++(*i); return i; } int *f2(int *i) { return i; } void f3(int *i, int *j) { cout << *i <<" "<< *j <<endl; } int main(void) { //04.si

02.lib-v1.js

1 /* 2 Date: 2014-07-29 4:06:07 [PM] 3 */ 4 function StringBuilder() { 5 this.strings = new Array, this.length = 0 6 } 7 8 function jdThickBoxclose() { 9 $(".thickclose").trigger("click") 10 } 11 12 function getparam() { 13 var a = &qu

2015年08月25日作业-Linux用户和组管理

用户.组的相关配置文件: 在Linux系统中,用户账号信息.用户密码.组账号信息.组密码都保存在不同的配置文件中 /etc/passwd  文件的格式,每行包含的信息: account:password:UID:GID:GECOS:directory:shell 用户名:密码占位符:UID:GUID(基本组ID):用户备注信息(多个以,隔开):家目录:默认shell /etc/shadow文件的格式,每行包含的信息: UserName:加密的密码:最近一次密码修改时间:最短使用期限:最长使用期限

张珺 2015/07/08 个人文档

姓名 张珺 日期 中蓝公寓蓝芳园D507,2015/07/08 主要工作及心得 在今天的设计工作中, 我完成了客户端数据接收及处理部分的编写工作. 通过今天的编写,我学会了Java中socket通信的相关知识,以及Java中一些相关度数据结构的使用方法. 遇到的问题 对于Java中预定义的一些数据结构的使用缺乏了解. 由于接收的数据的类定义是由小组中其他同学预先编写,对于其中各项的定义,接收时的数据存放方式的理解存在一些问题. 解决方法 通过上网等方式查找资料,了解了Java中的特殊数据结构的使

Node.js笔记(0003)---Express框架Router模块学习笔记

这段时间一直有在看Express框架的API,最近刚看到Router,以下是我认为需要注意的地方: Router模块中有一个param方法,刚开始看得有点模糊,官网大概是这么描述的: Map logic to route parameters. 大概意思就是路由参数的映射逻辑 这个可能一时半会也不明白其作用,尤其是不知道get和param的执行顺序 再看看源码里面的介绍: Map the given param placeholder `name`(s) to the given callbac

# JS笔记(1)

 JS理论: 1.JavaScript是一个客户端脚本 ------工作在客户端的浏览器完成:相对应的PHP.ASP.NET .JSP 是一个服务端脚本. 2.JS可以插入到HTML中的任意一个位置,不过HTML解析式从上往下解析的,所以放在上面可能会找不到控件. 3.JS的特点: 脚本编程语言 基于对象的语言 由事件驱动 跨平台.依赖于浏览器.与操作环境无关 4.JS的作用: 表单的验证(放在客户端验证比较好)----可以减轻服务端的压力,并且用户体验感更好 页面的动态效果 动态改变页面的内容

node.js笔记——模块的开发

模块是什么? 简单来说模块是用来将实现某个功能的代码进行封装以便在其他项目中通过简单引入的方式实现模块中封装的功能的一个东西!!(我更想管他叫小程序). 模块的引入 模块的引入使用reqiure()函数来实现例如引入http模块 var h = require("http"); 这里需要注意的是require()加载函数可以加载指定的js文件,当引入的不是某个js文件而是一段没有扩展名的字符时,默认node.js会加载当前根目录下的node_modules文件夹下面的文件夹里的文件 并

node.js笔记——文件之间的引入

node.js的基础语法就是JavaScript的语法,所以对于懂得javascript的同学来说要容易一些,至于环境的配置也要相对简单很多,可以访问官方文档进行安装.这里分享一下我在学习中总结的一些东西,这是第一篇先来说说文件之间如何进行引入并互相使用变量及函数. 码缘»node.js笔记——文件之间的引入 http://www.ithome.ren/2017/05/31/node-js1.html

JS 笔记 17年

1, 可把字符串作为 URI 组件进行编码   encodeURIComponent(encodeURIComponent(6))   此为编码两次 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号. escape()除了 ASCII 字母.数字和特定的符号外,对传进来的字符串全部进行转义编码,因此如果想对URL编码,最好不要使用此方法.而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换.encodeURIComponen

Node.js笔记(0001)---connect模块

首先来看这一部分代码 1 /** 2 * Created by bsn on 14-7-1. 3 */ 4 var connect = require('connect'); 5 6 var app = connect(); 7 function hello(req, res, next) { 8 console.log(req.url); 9 res.end('hello bsn'); 10 next(); 11 } 12 13 function helloAgain(req, res) {