首页 > javascript 常用功能總結

javascript 常用功能總結

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) + "
") 1

document.write(Math.round(0.50) + "
") 1

document.write(Math.round(0.49) + "
") 0

document.write(Math.round(-4.40) + "
") -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 事件通常相互配合用来验证表单

     7.3 onSubmit 用于在提交表单之前验证所有的表单域

/*

下面是一个使用 onSubmit 事件的例子。当用户单击表单中的确认按钮时,checkForm() 函数就会被调用。假若域的值无效,此次提交就会被取消。checkForm() 函数的返回值是 true 或者 false。如果返回值为true,则提交表单,反之取消提交。
*/

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去构造一个对象

View Code
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);

}















































转载于:https://www.cnblogs.com/Teco/archive/2012/03/18/2404568.html

更多相关:

  • //获取某一个cookie的值 const getCookie = key => {var k = key, dc = document.cookie;if (dc.length > 0) {var s = dc.indexOf(k + "=");if (s != -1) {s = s + k.length + 1;var e = d...

  • var SGheadMapPoints = {/*obj={ maxLng: minLng: maxLat: minLat: maxCount:最大人数 minCount:最小人数 total:点位数量 }*/get: function (obj) {var arr = [];obj.maxCount || (obj.maxCount...

  • //自动搜索指定的请柬 var alertTipText = "请柬找到了,就在这个网页里面,自己仔细看吧"; var delay = 1 * 1000;//1秒后循环下一页寻找 /*获取子DOM元素在父元素里面的索引位置(是第几个元素)*/ function getNodeListIndex(childNode) {return c...

  •  获取天气情况(不支持跨域) /*json原生获取*/ function getJSON() {var XML;var url = "http://wthrcdn.etouch.cn/weather_mini?city=杭州";if (window.XMLHttpRequest) {XML = new XMLHttpRequest(...

  • 引言 在这个-SLAM建图和导航仿真实例-项目中,主要分为三个部分,分别是 (一)模型构建(二)根据已知地图进行定位和导航(三)使用RTAB-MAP进行建图和导航 该项目的slam_bot已经上传我的Github。 这是第三部分,完成效果如下 图1 建图和导航 三、使用RTAB-Map进行建图和导航 1. rtab...

  • 引言 在这个-SLAM建图和导航仿真实例-项目中,主要分为三个部分,分别是 (一)模型构建(二)根据已知地图进行定位和导航(三)使用RTAB-MAP进行建图和导航 该项目的slam_bot已经上传我的Github。 由于之前的虚拟机性能限制,我在这个项目中使用了新的ubantu 16.04环境,虚拟机配置 内存 8GCPU...

  • [{name:1},{name:2}].forEach((v,i,ar) => {console.log(v,i,ar)});//基础遍历[{name:1},{name:2}].map((v) => v.name);//[1,2]返回对象数组中指定字段值的一位数组(不改变原始数组)[{name:1},{name:2},{name:3}...

  • 体验内容 使用gmapping方法利用turtlebot底盘移动信息和激光雷达数据进行建图。 1. 安装一些依赖包 sudo apt-get install ros-melodic-move-base* sudo apt-get install ros-melodic-map-server* sudo apt-get insta...

  • 前言 我们知道Java/Python这种语言能够很好得 支持反射。反射机制 就是一种用户输入的字符串到对应实现方法的映射,比如http接口中 用户传入了url,我们需要调用该url对应的方法/函数对象 从而做出对应的操作。 而C++ 并没有友好得支持这样的操作,而最近工作中需要通过C++实现http接口,这个过程想要代码实现得优雅...

  •   /*禁止缩放safari浏览器*/ var scale = {disabledSafari: function () {/* 阻止双击放大*/var lastTouchEnd = 0;document.addEventListener("touchstart", function (event) {if (event.touch...

  •   $g.$utils = {/**舒工Ajax-lite 1.0 -- 最精简的ajax自定义访问方法*/ajax: function (o) {var p = o.post, g = o.get, d = p.data, a = p.async, J = 'json', j = p[J], s = g.success, e =...

  •   Sg.js框架核心概念: 1)所有变量、方法、类对象全部都是从属于$g主树,由$g分支出很多$g.变量名、$g.方法、$g.对象id、$g.类;2)获取控件内部属性必须使用公开的get方法获取,禁止直接用访问内部变量方式来获取控件内部变量、属性值;3)修改控件内部属性、绑定方法等都必须使用公开的set方法来操作,禁止直接用访问...

  •  一、ios header导航栏被推起解决方法 1 设置弹出软键盘时自动改变webview的高度 plus.webview.currentWebview().setStyle({ softinputMode: "adjustResize" // 弹出软键盘时自动改变webview的高度 }); 2 增加样式 html...

  • 前端发送Ajax请求到服务器,服务器返回数据这一过程,因原因不同耗时长短也有差别,且这段时间内页面显示空白。如何优化这段时间内的交互体验,以及长时间内服务器仍未返回数据这一问题,是我们开发中不容忽视的重点。 常见的做法是: 1、设置超时时间,一旦时间超过设定值,便终止请求;2、页面内容加载之前,手动增加一个 loading 层。 代码...