javascript 常用功能总结


Posted in Javascript onMarch 18, 2012

1.路径符号的含义
src="/js/jquery.js"、"../"这个斜杠是绝对路径的意思,表示的是网站根目录.
其他的如"./ " 、 "../" 、 "jquery.js" 、 "js/jquery.js"等等表示的都是相对当前网页的路径,是相对路径。
2.获取网站的根目录

function GetRootPath() { 
var strFullPath = window.document.location.href; 
var strPath = window.document.location.pathname; 
var pos = strFullPath.indexOf(strPath); 
var prePath = strFullPath.substring(0, pos); 
var postPath = strPath.substring(0, strPath.substr(1).indexOf('/') + 1); 
return (prePath + postPath); 
}

3.获取url的参数
//网站的 url如: http://www.A.COM?a=12 
String.prototype.getQuery = function (name) { 
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); 
var r = this.substr(this.indexOf("\?") + 1).match(reg); 
if (r != null) return unescape(r[2]); return null; 
} 
var strHref = window.location.href; 
alert(strHref.getQuery("a"));

4. js中的函数
4.1 Math.round 四?挝迦
document.write(Math.round(0.60) + "<br />") 1 
document.write(Math.round(0.50) + "<br />") 1 
document.write(Math.round(0.49) + "<br />") 0 
document.write(Math.round(-4.40) + "<br />") -4 
document.write(Math.round(-4.60)) -5

4.2 Math.random() 返回 0 到 1 之间的随机数。
document.write(Math.random()) 
document.write(Math.floor(Math.random()*11)) Math 对象的 floor() 方法和 random() 来返回一个介于 0 和 10 之间的随机数

4.3 isNaN() 是否是非数字,如果是非数字true,否则false
4.4 Number() 把对象的值转换为数字
4.5 parseFloat() parseInt()如果字符串的第一个字符不能被转换为数字会返回 NaN
4.6 String() 函数把对象的值转换为字符串
5.数组
5.1 数组合?愠墒??oncat合?闶??生成新的数组,原数组不变
var arr = new Array(3)//定义数组 
arr[0] = "George" 
arr[1] = "John" 
arr[2] = "Thomas" 
var arr1 = new Array(3) 
arr1[0] = "James" 
arr1[1] = "Adrew" 
arr1[2] = "Martin" 
var arr2=arr.concat(arr1))

5.2 数组合?愠勺址??oin。默认是","连接的,可以指定,如join(".")
6. 正则表达式 最常用的是test(),找到是true,否则是false
var patt1=new RegExp("e"); 
document.write(patt1.test("The best things in life are free"));

7.事件
7.1 onload 和 onUnload 页面加载,卸载时候调用
7.2 onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单
<input type="text" size="30" id="email" onchange="checkEmail()">
7.3 onSubmit 用于在提交表单之前验证所有的表单域
/* 
下面是一个使用 onSubmit 事件的例子。当用户单击表单中的确认按钮时,checkForm() 函数就会被调用。假若域的值无效,此次提交就会被取消。checkForm() 函数的返回值是 true 或者 false。如果返回值为true,则提交表单,反之取消提交。 */ 
<form method="post" action="xxx.htm" onsubmit="return checkForm()">

8. cookie
8.1 创建
function setCookie(c_name,value,expiredays) 
{ 
var exdate=new Date() 
exdate.setDate(exdate.getDate()+expiredays) 
document.cookie=c_name+ "=" +escape(value)+ 
((expiredays==null) ? "" : ";expires="+exdate.toGMTString()) 
}

8.2 读取
function getCookie(c_name) 
{ 
if (document.cookie.length>0) 
{ 
c_start=document.cookie.indexOf(c_name + "=") 
if (c_start!=-1) 
{ 
c_start=c_start + c_name.length+1 
c_end=document.cookie.indexOf(";",c_start) 
if (c_end==-1) c_end=document.cookie.length 
return unescape(document.cookie.substring(c_start,c_end)) 
} 
} 
return "" 
}

9. 计时
setTimeout() 开始计时
var t=setTimeout("javascript语句",毫秒) clearTimeout(t) //停止计时
10. 打开网站
10.1 在另一个窗口打开网站 window.open()
function openW(v){ 
var str = 'width=200,height=200,left=200,top=200,status=no,scrollbars=no,' 
str += 'menubar=no,toolbar=no,resizable=no,location=no' 
window.open(v,'',str); 
}

10.2 在同一个窗口打开网站
window.location.href ='http://www.sohu.com' ;
11. 对象
11.1 对象定义,销毁
var oObject = new Object; 
// do something with the object here 
oObject = null;

11.2 定义类
function Cat(name,color){ 


this.name = name; 


this.color = color; 


this.type = "猫科动物"; 


this.eat = function(){alert("吃老鼠");}; 

}

11.3 利用JSON去构造一个对象
var People = { 
Create: function (name, age) { 
this.name = name; 
this.age = age; 
}, 
SayHello: function () { 
alert("Hello,My name is " + this.name + ".I am " + this.age); 
} 
};

11.4 利用prototype去构造一个对象
var Person = function (name, age) { 
this.name = name; 
this.age = age; 
}; 
Person.prototype.Introduce = function () { 
alert("My name is " + this.name + ".I'm " + this.age); 
}
Javascript 相关文章推荐
js 颜色选择器(兼容firefox)
Mar 05 Javascript
jquery下json数组的操作实现代码
Aug 09 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
jquery+php随机生成红包金额数量代码分享
Aug 27 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
Angularjs中UI Router的使用方法
May 14 Javascript
Angular2库初探
Mar 01 Javascript
Vue 2.0 服务端渲染入门介绍
Mar 29 Javascript
微信小程序中显示html格式内容的方法
Apr 25 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
Jul 05 Javascript
Vue组件Draggable实现拖拽功能
Dec 01 Javascript
Jquery实现简单的动画效果代码
Mar 18 #Javascript
文本框获得焦点和失去焦点的判断代码
Mar 18 #Javascript
jQuery控制图片的hover效果(smartRollover.js)
Mar 18 #Javascript
基于jQuery的弹出框插件
Mar 18 #Javascript
js性能优化 如何更快速加载你的JavaScript页面
Mar 17 #Javascript
Jquery命名冲突解决的五种方案分享
Mar 16 #Javascript
让人期待的2011年度最佳 jQuery 插件分享
Mar 16 #Javascript
You might like
ThinkPHP基于PHPExcel导入Excel文件的方法
2014/10/15 PHP
Javascript 调试利器 Firebug使用详解六
2009/07/05 Javascript
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
2010/12/02 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
2013/09/29 Javascript
JS取文本框中最小值的简单实例
2013/11/29 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
2016/05/10 Javascript
javascript简单实现等比例缩小图片的方法
2016/07/27 Javascript
微信小程序 location API实例详解
2016/10/02 Javascript
Select2.js下拉框使用小结
2016/10/24 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
vue动态生成dom并且自动绑定事件
2017/04/19 Javascript
Vue中如何实现轮播图的示例代码
2017/07/27 Javascript
JavaScript中的return布尔值的用法和原理解析
2017/08/14 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
2017/10/09 Javascript
vue实现添加与删除图书功能
2018/10/07 Javascript
NodeJS模块与ES6模块系统语法及注意点详解
2019/01/04 NodeJs
js中的this的指向问题详解
2019/08/29 Javascript
js实现翻牌小游戏
2020/07/31 Javascript
新手该如何学python怎么学好python?
2008/10/07 Python
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
Django使用httpresponse返回用户头像实例代码
2018/01/26 Python
python版本五子棋的实现代码
2018/12/11 Python
Python3.0中普通方法、类方法和静态方法的比较
2019/05/03 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
适合各种场合的美食礼品:Harry & David
2016/08/03 全球购物
土耳其国际性时尚购物网站:Modanisa
2018/01/19 全球购物
大学生求职简历的自我评价范文
2013/10/12 职场文书
实习生单位鉴定意见
2013/12/04 职场文书
开业庆典主持词
2014/03/21 职场文书
我是一名护士演讲稿
2014/08/28 职场文书
无犯罪记录证明
2014/09/19 职场文书
公司员工离职感言
2015/08/03 职场文书
老人院义工活动感想
2015/08/07 职场文书
详解NodeJS模块化
2021/06/15 NodeJs
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android