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 相关文章推荐
javascript编程起步(第二课)
Jan 10 Javascript
Javascript面向对象扩展库代码分享
Mar 27 Javascript
jQuery树形下拉菜单特效代码分享
Aug 15 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
Aug 28 Javascript
sencha ext js 6 快速入门(必看)
Jun 01 Javascript
Vue数据驱动模拟实现3
Jan 11 Javascript
简单实现jquery隔行变色
Nov 09 jQuery
微信小程序实现全局搜索代码高亮的示例
Mar 30 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
Sep 10 Javascript
小程序使用wxs解决wxml保留2位小数问题
Dec 13 Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 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生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
取选中的radio的值
2010/01/11 Javascript
基于jquery跨浏览器显示的file上传控件
2011/10/24 Javascript
jQuery Ajax异步处理Json数据详解
2013/11/05 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
使用JQuery库提供的扩展功能实现自定义方法
2014/09/09 Javascript
JavaScript中最简洁的编码html字符串的方法
2014/10/11 Javascript
轻松创建nodejs服务器(3):代码模块化
2014/12/18 NodeJs
JS实现可拖曳、可关闭的弹窗效果
2015/09/26 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
vue学习笔记之作用域插槽实例分析
2020/02/01 Javascript
JavaScript异步操作的几种常见处理方法实例总结
2020/05/11 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
2020/08/19 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
vue.js实现点击图标放大离开时缩小的代码
2021/01/27 Vue.js
Python中利用函数装饰器实现备忘功能
2015/03/30 Python
Python实现简单多线程任务队列
2016/02/27 Python
python模块之time模块(实例讲解)
2017/09/13 Python
django定期执行任务(实例讲解)
2017/11/03 Python
python之pandas用法大全
2018/03/13 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
flask框架路由常用定义方式总结
2019/07/23 Python
Python 正则表达式爬虫使用案例解析
2019/09/23 Python
python实现双色球随机选号
2020/01/01 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
澳大利亚自然和有机的健康美容产品一站式商店:Ziani Beauty
2017/12/28 全球购物
西班牙品牌鞋子、服装和配饰在线商店:Esdemarca
2021/02/17 全球购物
大学生个人简历中的自我评价
2013/12/27 职场文书
人民教师的自我评价分享
2014/02/21 职场文书
2014财务人员自我评价范文
2014/09/21 职场文书
毕业生实习期转正自我鉴定
2014/09/26 职场文书
社区节水倡议书
2015/04/29 职场文书
vue-router中hash模式与history模式的区别
2021/06/23 Vue.js