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实现鼠标经过时图片滚动停止的方法
Feb 16 Javascript
javascript中JSON.parse()与eval()解析json的区别
May 19 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
Sep 21 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
javascript深拷贝的原理与实现方法分析
Apr 10 Javascript
详解Vue使用命令行搭建单页面应用
May 24 Javascript
原生JavaScript实现todolist功能
Mar 02 Javascript
浅谈Vue.js 中的 v-on 事件指令的使用
Nov 25 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
Apr 22 Javascript
Vue动态修改网页标题的方法及遇到问题
Jun 09 Javascript
Vue.js下拉菜单组件使用方法详解
Oct 19 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
ftp类(example.php)
2006/10/09 PHP
php面向对象全攻略 (十六) 对象的串行化
2009/09/30 PHP
php获取ip的三个属性区别介绍(HTTP_X_FORWARDED_FOR,HTTP_VIA,REMOTE_ADDR)
2012/09/23 PHP
使用PHP接收POST数据,解析json数据
2013/06/28 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
extjs fckeditor集成代码
2009/05/10 Javascript
初试jQuery EasyUI 使用介绍
2010/04/01 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
jquery获取复选框的值的简单实例
2016/05/26 Javascript
一个简单不报错的summernote 图片上传案例
2016/07/11 Javascript
js判断是否为空和typeof的用法(详解)
2016/10/07 Javascript
Javascript生成带参数的二维码示例
2016/10/10 Javascript
浅谈vue-router 路由传参的方法
2017/12/27 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
layui实现左侧菜单点击右侧内容区显示
2019/07/26 Javascript
vue prop属性传值与传引用示例
2019/11/13 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
vue3使用vue-count-to组件的实现
2020/12/25 Vue.js
python使用scrapy解析js示例
2014/01/23 Python
Python max内置函数详细介绍
2016/11/17 Python
Python学习小技巧之利用字典的默认行为
2017/05/20 Python
python3.4实现邮件发送功能
2018/05/28 Python
Python批处理更改文件名os.rename的方法
2018/10/26 Python
Python秒算24点实现及原理详解
2019/07/29 Python
HTML5引入的新数组TypedArray介绍
2012/12/24 HTML / CSS
详解html5 shiv.js和respond.min.js
2018/01/24 HTML / CSS
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
static全局变量与普通的全局变量有什么区别
2014/05/27 面试题
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
2015年综治宣传月活动总结
2015/03/25 职场文书
2015年迎新晚会策划书
2015/07/16 职场文书
高二英语教学反思
2016/03/03 职场文书
Javascript使用integrity属性进行安全验证
2021/11/07 Javascript
Mysql分库分表之后主键处理的几种方法
2022/02/15 MySQL
python和C/C++混合编程之使用ctypes调用 C/C++的dll
2022/04/29 Python