码迷,mamicode.com
首页 > 编程语言 > 详细

javascript常见语法(1-50)

时间:2017-04-04 21:38:21      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:ref   default   str   行修改   抽取   person   cal   --   outer   

1.Document对象是Window 对象的一部分,可通过 window.document 属性对其进行访问。

2.document.cookie 属性可设置或查询与当前文档相关的所有 cookie。//该属性是一个可读可写的字符串,可使用该属性对当前文档的 cookie 进行读取、创建、修改和删除操作。

3.document.domain 属性可返回下载当前文档的服务器域名。//该属性是一个只读的字符串,包含了载入当前文档的 web 服务器的主机名。

4.document.referrer 属性可返回载入当前文档的文档的 URL。//如果当前文档不是通过超级链接访问的,则为 null。这个属性允许客户端 JavaScript 访问 HTTP 引用头部。

5.document.title 属性可返回当前文档的标题( HTML title 元素中的文本)。

6.document.URL 属性可返回当前文档的 URL。//一般情况下,该属性的值与包含文档的 Window 的 location.href 属性相同。不过,在 URL 重定向发生的时候,这个 URL 属性保存了文档的实际 URL,而 location.href 保存了请求的 URL。

7.document.close()方法可关闭一个由 document.open 方法打开的输出流,并显示选定的数据。

var newDoc=document.open("text/html","replace");

  var txt="<html><body>Learning about the DOM is FUN!</body></html>";

  newDoc.write(txt);

  newDoc.close();

8. document.getElementById(id), document.getElementsByName(name), document.getElementsByTagName(tagname), document.open(mimetype,replace), document.write(exp1,exp2,exp3,....)

9.prompt(text,defaultText) 方法用于显示可提示用户进行输入的对话框。

10. arguments 该对象代表正在执行的函数和调用它的函数的参数, callee返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文,Caller 返回一个对函数的引用,该函数调用了当前函数, callee属性是 arguments 对象的一个成员,它表示对函数对象本身的引用,这有利于匿名函数的递归或者保证函数的封装性,例如下边示例的递归计算1到n的自然数之和。而该属性仅当相关函数正在执行时才可用。还有需要注意的是callee拥有length属性,这个属性有时候用于验证还是比较好的。arguments.length是实参长度,arguments.callee.length是形参长度,由此可以判断调用时形参长度是否和实参长度一致。

11. console.log(),可以用来取代alert()或document.write(),分别是一般信息console.info()、除错信息console.debug()、警告提示console.warn()、错误提示console.error(),console.group(),console.groupEnd(),console.dir(),console.dirxml()用来显示网页的某个节点(node)所包含的html/xml代码。var table = document.getElementById("table1");console.dirxml(table); console.assert()用来判断一个表达式或变量是否为真。如果结果为否,则在控制台输出一条相应信息,并且抛出一个异常。

 

12. apply方法能劫持另外一个对象的方法,继承另外一个对象的属性,obj:这个对象将代替Function类里this对象,args:这个是数组,它将作为参数传给Function(args-->arguments)// Person.apply(this,arguments);

13.call 调用一个对象的一个方法,以另一个对象替换当前对象。obj1.method1.call(obj2,argument1,argument2) 如上,call的作用就是把obj1的方法放到obj2上使用,后面的argument1..这些做为参数传入.

14. onclick 事件会在对象被点击时发生。请注意, onclick 与 onmousedown 不同。单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的。

15. String 对象用于处理文本(字符串)。当 String() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 String 对象,存放的是字符串 s 或 s 的字符串表示。当不用 new 运算符调用 String() 时,它只把 s 转换成原始的字符串,并返回转换后的值。

16. split() 方法用于把一个字符串分割成字符串数组。如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。String.split() 执行的操作与 Array.join 执行的操作是相反的。

17. splice() 方法用于插入、删除或替换数组的元素。请注意,splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改。

arr.splice(2,0,"William")

George,John,Thomas,James,Adrew,Martin

George,John,William,Thomas,James,Adrew,Martin

arr.splice(2,1,"William")

George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin

arr.splice(2,3,"William")

George,John,Thomas,James,Adrew,Martin
George,John,William,Martin

18. slice() 方法可从已有的数组中返回选定的元素。请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

var arr = new Array(3)arr[0] = "George",arr[1] = "John",arr[2] = "Thomas", arr.slice(1), John,Thomas
var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"
arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin" arr.slice(2,4) Thomas,James
 
19.onfocus 事件在对象获得焦点时发生. onfocus="setStyle(this.id)"
20. confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。
21. parseInt() 函数可解析一个字符串,并返回一个整数。
parseInt("10");                          //返回 10
parseInt("19",10);             //返回 19 (10+9)
parseInt("11",2);              //返回 3 (10+9)
parseInt("17",8);              //返回 15 (8+7)
parseInt("1f",16);             //返回 31 (16+15)
parseInt("010");               //未定:返回 10 或 8
22. Date() 方法可返回当天的日期和时间。document.write(Date()),Sat Jan 07 22:34:55 2017
new Date() Date 对象自动使用当前的日期和时间作为其初始值。
date.getFullYear()方法可返回一个表示年份的 4 位数字。
date.getMonth()方法可返回表示月份的数字, 使用本地时间。返回值是 0(一月) 到 11(十二月) 之间的一个整数。
date.getDate()可返回月份的某一天, 返回值是 1 ~ 31 之间的一个整数
date.getHours()方法可返回时间的小时字段, 返回值是 0 (午夜) 到 23 (晚上 11 点)之间的一个整数。
date.getMinutes()方法可返回时间的分钟字段。返回值是 0 ~ 59 之间的一个整数。
date.getSeconds()方法可返回时间的秒。返回值是 0 ~ 59 之间的一个整数。
date.getMilliseconds()方法可返回时间的毫秒。返回值是 0 ~ 999 之间的一个整数
date.getTime()方法可返回距 1970 年 1 月 1 日之间的毫秒数。
23. innerHTML 属性设置或返回一个链接的内容, document.getElementById(‘myAnchor‘).innerHTML="W3School";
document.getElementById("td1").innerHTML
24. setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。int= self.setInterval("clock()",1000), int=window.clearInterval(int)
25. document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。
 <script type="text/javascript">
            var board = document.getElementById("board");
            var e = document.createElement("input");
            e.type = "button";
            e.value = "这是测试加载的小例子";

            var object = board.appendChild(e);
        </script>
在标签board中加载一个按钮,属性值为“这是测试加载的小例子”。
26. new Array(),new Object(),new String(),new Number()
27. toString() 方法可把一个逻辑值转换为字符串,并返回结果。根据原始布尔值或者 booleanObject 对象的值返回字符串 "true" 或 "false"。如果调用该方法的对象不是 Boolean,则抛出异常 TypeError。在 Boolean 对象被用于字符串环境中时,此方法会被自动调用。

28. toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

29. Anchor 对象表示 HTML 超链接。
30. charAt() 方法可返回指定位置的字符。请注意,JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串。字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。
30. charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。方法 charCodeAt() 与 charAt() 方法执行的操作相似,只不过前者返回的是位于指定位置的字符的编码,而后者返回的是字符子串。字符串中第一个字符的下标是 0。如果 index 是负数,或大于等于字符串的长度,则 charCodeAt() 返回 NaN。
31. indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。indexOf() 方法对大小写敏感!如果要检索的字符串值没有出现,则该方法返回 -1。
32. lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。lastIndexOf() 方法对大小写敏感!如果要检索的字符串值没有出现,则该方法返回 -1。

33. match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外,返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置,input 属性声明的是对 stringObject 的引用。

如果 regexp 具有标志 g,则 match() 方法将执行全局检索,找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串,则返回 null。如果找到了一个或多个匹配子串,则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同,它的数组元素中存放的是 stringObject 中所有的匹配子串,而且也没有 index 属性或 input 属性。

34. replace() 方法可用一个新文档取代当前文档。replace() 方法不会在 History 对象中生成一个新的纪录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前纪录。window.location.replace("http://www.w3school.com.cn")

35. search 属性可设置或返回某个区域中 link-URL 的查询字符串部分。areaObject.search=querystring

36. toUpperCase() 方法用于把字符串转换为大写。stringObject.toUpperCase()

toLocaleLowerCase() 方法用于把字符串转换为小写。stringObject.toLocaleLowerCase()

37. substring() 方法用于提取字符串中介于两个指定下标之间的字符。stringObject.substring(start,stop) ,与 slice() 和 substr() 方法不同的是,substring() 不接受负的参数。

var str="Hello world!",document.write(str.substring(3)),lo world!
var str="Hello world!",document.write(str.substring(3,7)),lo w
38. substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。stringObject.substr(start,length),substr() 的参数指定的是子串的开始位置和长度,因此它可以替代 substring() 和 slice() 来使用。ECMAscript 没有对该方法进行标准化,因此反对使用它。
39. Math.abs返回数字的绝对值
40. Math.sqrt方法可返回一个数的平方根。
41. sort() 方法用于对数组的元素进行排序。arrayObject.sort(sortby)

42. join() 方法用于把数组中的所有元素放入一个字符串。arrayObject.join(separator),返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的。

43. pop() 方法用于删除并返回数组的最后一个元素。pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。

44. push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。返回值是数组的长度

45. shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。返回值是数组原来的第一个元素的值。

46. unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。返回值是arrayObject 的新长度。
47. concat() 方法用于连接两个或多个数组。arrayObject.concat(arrayX,arrayX,......,arrayX) 返回一个新的数组
48. reverse() 方法用于颠倒数组中元素的顺序。该方法会改变原来的数组,而不会创建新的数组。
window.screen.availHeight      返回显示屏幕的高度 (除 Windows 任务栏之外)。
window.screen.availWidth       返回显示屏幕的宽度 (除 Windows 任务栏之外)。
window.screen.height           返回显示屏幕的高度。
window.screen.width  返回显示器屏幕的宽度。
window.innerHeight 你当前浏览器内容显示窗口高度
window.innerWidth 你当前浏览器内容显示窗口宽度
window.outerHeight 你当前浏览器整个高度
window.outerWidth 你当前浏览器整个宽度
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
setTimeout(code,millisec)
setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
onclick 点击事件
window.onload 页面加载完成后
onchange 当元素改变
获得焦点事件 onfocus
失去焦点事件 onblur
鼠标经过事件 onmouseover
鼠标移开事件 onmouseout
onsubmit 事件会在表单中的确认按钮被点击时发生。
this.children;
parentNode 属性返回指定节点的父节点。
parseFloat() 函数可解析一个字符串,并返回一个浮点数。
childNodes 属性返回节点的子节点集合,以 NodeList 对象。
test.innerText 从起始位置到终止位置的内容, 但它去除Html标签 。
getAttribute() 方法返回指定属性名的属性值,以 Attr 对象。
nodeType 属性可返回节点的类型
对于文本节点,nodeValue 属性包含文本。
eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。

javascript常见语法(1-50)

标签:ref   default   str   行修改   抽取   person   cal   --   outer   

原文地址:http://www.cnblogs.com/ganwenjun/p/6666441.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!