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 相关文章推荐
jquery $(document).ready() 与window.onload的区别
Dec 28 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
深入分析Cookie的安全性问题
Mar 01 Javascript
原生js实现模拟滚动条
Jun 15 Javascript
jquery+正则实现统一的表单验证
Sep 20 Javascript
详解AngularJS中的http拦截
Feb 09 Javascript
通过隐藏iframe实现无刷新上传文件操作
Mar 16 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 Javascript
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 Javascript
详解javascript对数组和json数组的操作
Apr 15 Javascript
Vue使用zTree插件封装树组件操作示例
Apr 25 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
Sep 24 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
php下判断数组中是否存在相同的值array_unique
2008/03/25 PHP
PHP5中的时间相差8小时的解决办法
2008/03/28 PHP
Windows下安装Memcached的步骤说明
2010/04/25 PHP
PHP中获取文件扩展名的N种方法小结
2012/02/27 PHP
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
php 验证码(倾斜,正弦干扰线,黏贴,旋转)
2013/06/29 PHP
监控 url fragment变化的js代码
2010/04/19 Javascript
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
2010/08/13 Javascript
JQuery live函数
2010/12/24 Javascript
三级下拉菜单的js实现代码
2011/05/23 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
微信小程序 点击控件后选中其它反选实例详解
2017/02/21 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
利用JS测试目标网站的打开响应速度
2017/12/01 Javascript
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
2019/02/22 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
2019/09/28 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
2019/10/30 Javascript
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
解决python3 网络请求路径包含中文的问题
2018/05/10 Python
Python使用jsonpath-rw模块处理Json对象操作示例
2018/07/31 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
tensorflow 只恢复部分模型参数的实例
2020/01/06 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
keras 指定程序在某块卡上训练实例
2020/06/22 Python
Python连接Impala实现步骤解析
2020/08/04 Python
python 爬取腾讯视频评论的实现步骤
2021/02/18 Python
HEMA法国:荷兰原创设计
2019/02/21 全球购物
医务人员自我评价
2014/01/26 职场文书
安全生产实施方案
2014/02/23 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
2014年妇幼保健工作总结
2014/12/08 职场文书
2015大一新生军训感言
2015/08/01 职场文书
行为习惯主题班会
2015/08/14 职场文书
2016年教师节感恩寄语
2015/12/04 职场文书
MySQL数据库中的锁、解锁以及删除事务
2022/05/06 MySQL