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脚本
Dec 03 Javascript
关于JavaScript中string 的replace
Apr 12 Javascript
浅析tr的隐藏和显示问题
Mar 05 Javascript
完善的jquery处理机制
Feb 21 Javascript
使用jQuery调用XML实现无刷新即时聊天
Aug 07 Javascript
微信小程序  简单实例(阅读器)的实例开发
Sep 29 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 Javascript
vue实现多个元素或多个组件之间动画效果
Sep 25 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
Sep 28 Javascript
JQuery中queue方法用法示例
Jan 31 jQuery
ionic3双击返回退出应用的方法
Sep 17 Javascript
js删除对象中的某一个字段的方法实现
Jan 11 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
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
PHP 断点续传实例详解
2017/11/11 PHP
thinkphp5.1框架中容器(Container)和门面(Facade)的实现方法分析
2019/08/05 PHP
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
2011/06/02 Javascript
JS动态显示表格上下frame的方法
2015/03/31 Javascript
使用jquery清空、复位整个输入域
2015/04/02 Javascript
jQuery手动点击实现图片轮播特效
2020/04/20 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
2016/09/02 Javascript
Bootstrap组合上、下拉框简单实现代码
2017/03/06 Javascript
this.$toast() 了解一下?
2019/04/18 Javascript
详细教你微信公众号正文页SVG交互开发技巧
2019/07/25 Javascript
Vue 中使用富文本编译器wangEditor3的方法
2019/09/26 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
2019/11/04 Javascript
Node.js实现批量下载图片简单操作示例
2020/01/18 Javascript
Vue使用axios引起的后台session不同操作
2020/08/14 Javascript
Python使用Beautiful Soup包编写爬虫时的一些关键点
2016/01/20 Python
浅谈flask截获所有访问及before/after_request修饰器
2018/01/18 Python
Python3视频转字符动画的实例代码
2019/08/29 Python
使用Python函数进行模块化的实现
2019/11/15 Python
安装PyInstaller失败问题解决
2019/12/14 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
Python类super()及私有属性原理解析
2020/06/15 Python
python中有帮助函数吗
2020/06/19 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
HTML5计时器小例子
2013/10/15 HTML / CSS
Mio Skincare英国官网:身体紧致及孕期身体护理
2018/08/19 全球购物
Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
2015/01/27 面试题
学习雷锋寄语大全
2014/04/11 职场文书
国际金融专业自荐信
2014/07/05 职场文书
学校机关党总支领导班子整改工作方案
2014/10/26 职场文书
通知的格式范文
2015/04/27 职场文书
茶花女读书笔记
2015/06/29 职场文书
javaScript Array api梳理
2021/03/31 Javascript
Unity连接MySQL并读取表格数据的实现代码
2021/06/20 MySQL