脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → javascript 常用功能

javascript 常用功能总结

 更新时间：2012年03月18日 13:57:32   作者：  
javascript 常用功能总结，学习js的朋友可以参考下
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 数组合併成数组concat合併数组,生成新的数组,原数组不变
复制代码 代码如下:

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 数组合併成字符串join。默认是","连接的，可以指定，如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鼠标和滚轮事件

    浅谈Javascript鼠标和滚轮事件,鼠标事件也许是web页面当中最常用到的事件，因为鼠标是最常用的导航设备
    2012-06-06
  • 浅析使用BootStrap TreeView插件实现灵活配置快递模板

    浅析使用BootStrap TreeView插件实现灵活配置快递模板

    这篇文章主要介绍了使用bootstrap-treeview插件实现灵活配置快递模板的相关资料,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
    2016-11-11
  • javascript实现五星评价代码（源码下载）

    javascript实现五星评价代码（源码下载）

    大家在淘宝购物之后，都会对卖家的服务进行评论，那么五星评价代码是怎么实现的呢？下面小编给大家介绍基于Javascript实现五星评价代码，有需要的朋友可以参考下
    2015-08-08
  • javascript控制swfObject应用介绍

    javascript控制swfObject应用介绍

    本文将详细介绍js控制swfObject的实现方法，需要了解的朋友可以参考下
    2012-11-11
  • 微信小程序利用云函数获取手机号码

    微信小程序利用云函数获取手机号码

    这篇文章主要介绍了微信小程序利用云函数获取手机号码功能，本文通过实例代码给大家讲解的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • arguments对象验证函数的参数是否合法

    arguments对象验证函数的参数是否合法

    Javascript函数中的参数对象arguments是个对象，而不是数组。但它可以类似数组那样通过数字下表访问其中的元素，而且它也有length属性标识它的元素的个数。
    2015-06-06
  • 小程序获取周围IBeacon设备的方法

    小程序获取周围IBeacon设备的方法

    这篇文章主要为大家详细介绍了小程序获取周围IBeacon设备的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-10-10
  • 基于javascript实现泡泡大冒险网页版小游戏

    基于javascript实现泡泡大冒险网页版小游戏

    这篇文章主要介绍了基于javascript实现泡泡大冒险网页版小游戏，很有趣的游戏，可以练习打字速度，感兴趣的小伙伴们可以参考一下
    2016-03-03
  • javascript实现淡蓝色的鼠标拖动选择框实例

    javascript实现淡蓝色的鼠标拖动选择框实例

    这篇文章主要介绍了javascript实现淡蓝色的鼠标拖动选择框,可实现鼠标拖动出现淡蓝色选择框的效果,涉及javascript鼠标事件及样式的操作技巧,需要的朋友可以参考下
    2015-05-05
  • 面包屑导航详解

    面包屑导航详解

    本篇文章我们从面包屑导航的样式，面包屑导航的代码等方面详细给大家分析了它的作用和设计技巧，如果你有这方便的需要，学习参考下吧。
    2017-12-12

最新评论