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取得焦点(focus)元素代码
Mar 22 Javascript
js实现透明度渐变效果的方法
Apr 10 Javascript
javascript获取重复次数最多的字符
Jul 08 Javascript
基于replaceChild制作简单的吞噬特效
Sep 21 Javascript
three.js快速入门【推荐】
Jan 21 Javascript
jquery PrintArea 实现票据的套打功能(代码)
Mar 17 Javascript
bootstrap多层模态框滚动条消失的问题
Jul 21 Javascript
angular实现input输入监听的示例
Aug 31 Javascript
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
使用iView Upload 组件实现手动上传图片的示例代码
Oct 01 Javascript
微信小程序实现列表左右滑动
Nov 19 Javascript
微信小程序实现拍照和相册选取图片
May 09 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
短波收音机简介
2021/03/01 无线电
typecho插件编写教程(四):插件挂载
2015/05/28 PHP
PHP时间戳格式全部汇总 (获取时间、时间戳)
2016/06/13 PHP
js基于qrcode.js生成二维码的方法【附demo插件源码下载】
2016/12/28 PHP
cssQuery()的下载与使用方法
2007/01/12 Javascript
JavaScript Event学习第八章 事件的顺序
2010/02/07 Javascript
通过JavaScript使Div居中并随网页大小改变而改变
2013/06/24 Javascript
node.js中的path.extname方法使用说明
2014/12/09 Javascript
JS中多步骤多分步的StepJump组件实例详解
2016/04/01 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
2016/04/14 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
Vuejs第十篇之vuejs父子组件通信
2016/09/06 Javascript
BooStrap对导航条的改造实践小结
2016/09/21 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
关于ES6的六个小特性(二)
2017/02/20 Javascript
详解Vue webapp项目通过HBulider打包原生APP
2018/06/29 Javascript
js运算符的一些特殊用法
2018/07/29 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
2019/03/07 Javascript
vue-cli3 热更新配置操作
2020/09/18 Javascript
Python编码爬坑指南(必看)
2016/06/10 Python
Python基于Floyd算法求解最短路径距离问题实例详解
2018/05/16 Python
python 读取竖线分隔符的文本方法
2018/12/20 Python
python脚本开机自启的实现方法
2019/06/28 Python
利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式
2020/01/20 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
Raleigh兰令自行车美国官网:英国凤头牌自行车
2018/01/08 全球购物
美国眼镜网站:LensCrafters
2020/01/19 全球购物
日本最大的购物网站:日本乐天市场(Rakuten Ichiba)
2020/11/04 全球购物
高中生学习总结的自我评价范文
2013/10/13 职场文书
军人离婚协议书样本
2014/10/21 职场文书
2014村党支部书记党建工作汇报材料
2014/11/02 职场文书
冰雪公主观后感
2015/06/16 职场文书
Django Paginator分页器的使用示例
2021/06/23 Python
【DOTA2】半决赛强强对话~ PSG LGD vs EHOME - DPC 2022 CN REGIONAL FINALS WINTER
2022/04/02 DOTA