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 版本]
Mar 20 Javascript
javascript入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 Javascript
JS打开新窗口防止被浏览器阻止的方法
Jan 03 Javascript
javascript实现设置、获取和删除Cookie的方法
Jun 01 Javascript
jQuery实现带延迟的二级tab切换下拉列表效果
Sep 01 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
Oct 17 Javascript
Vue2.0用户权限控制解决方案
Nov 29 Javascript
js+html5实现手机九宫格密码解锁功能
Jul 30 Javascript
微信小程序在text文本实现多种字体样式
Nov 08 Javascript
Vue Router的手写实现方法实现
Mar 02 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使用Jpgraph创建折线图效果示例
2017/02/15 PHP
phpmyadmin下载、安装、配置教程
2017/05/16 PHP
laravel框架分组控制器和分组路由实现方法示例
2020/01/25 PHP
XML+XSL 与 HTML 两种方案的结合
2007/04/22 Javascript
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
2009/11/04 Javascript
JS 实现双色表格实现代码
2009/11/24 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
js调出上下文菜单的实例
2015/12/17 Javascript
js+css实现select的美化效果
2016/03/24 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
js封装tab标签页实例分享
2016/12/19 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
2016/12/26 Javascript
javascript 初学教程及五子棋小程序的简单实现
2017/07/04 Javascript
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
详解Vue的ref特性的使用
2020/01/24 Javascript
js+canvas实现转盘效果(两个版本)
2020/09/13 Javascript
vue+Element-ui前端实现分页效果
2020/11/15 Javascript
Python类属性与实例属性用法分析
2015/05/09 Python
Django框架视图介绍与使用详解
2019/07/18 Python
python3 反射的四种基本方法解析
2019/08/26 Python
Python异常继承关系和自定义异常实现代码实例
2020/02/20 Python
关于keras.layers.Conv1D的kernel_size参数使用介绍
2020/05/22 Python
Python如何实现线程间通信
2020/07/30 Python
PyQt5多线程防卡死和多窗口用法的实现
2020/09/15 Python
Python基于tkinter canvas实现图片裁剪功能
2020/11/05 Python
网站性能延迟加载图像的五种技巧(小结)
2020/08/13 HTML / CSS
优秀党支部事迹材料
2014/01/14 职场文书
乡镇党的群众路线教育实践活动总结报告
2014/10/30 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书
MySQL的存储函数与存储过程的区别解析
2022/04/08 MySQL
苹果可能正在打击不进行更新的 App
2022/04/24 数码科技
vue中data里面的数据相互使用方式
2022/06/05 Vue.js
MySQL外键约束(Foreign Key)案例详解
2022/06/28 MySQL
Nginx如何配置多个服务域名解析共用80端口详解
2022/09/23 Servers
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis