【免费】js常用语句资源-CSDN文库

需积分: 0 166 浏览量 2018-03-18 10:41:52 上传评论收藏 103KB DOC 举报

JavaScript，简称JS，是一种广泛用于客户端Web开发的脚本语言，是学习Web开发不可或缺的部分。以下是一些关于JS常用语句的关键知识点： 1. **输出语句**：`document.write()` 用于向HTML文档中输出内容，常在学习初期使用，但在实际开发中较少用到，因为它会清空整个文档。 2. **注释**：JS中单行注释以 `//` 开始，多行注释使用 `/* */` 包裹。 3. **文档结构**：在HTML文档中，结构通常为 `<!DOCTYPE html><html><head></head><body></body></html>`，而DOM（Document Object Model）树形结构中，根节点是 `document`，然后是 `html`，接着是 `head` 和 `body`。 4. **DOM结构**：浏览器窗口中的DOM结构中，`window` 是顶级对象，包含了 `navigator`、`screen`、`history`、`location` 和 `document` 等子对象。 5. **获取表单元素**：通过 `getElementById()` 方法可以获取到表单中具有特定ID的元素，其 `.name` 和 `.value` 属性分别表示元素的名称和值。 6. **字符串转换**：将字符串转为大写可使用 `.toUpperCase()` 方法，如示例所示，将输入元素的值转换为大写。 7. **数据类型**：JS中的基本数据类型包括 `String`、`Number`、`Boolean`、`Null`、`Undefined` 和 `Object`，其中 `Function` 也可以视为一种特殊的对象。 8. **类型转换**：将字符串转换为数值可以使用 `parseInt()` 或 `parseFloat()`，将数字转换为字符串则可以使用括号 `(number)`。 9. **字符串长度**：`.length` 属性用于获取字符串的长度。 10. **字符串连接**：使用 `+` 运算符可以连接两个或多个字符串。 11. **比较操作符**：JS中的比较操作符包括 `==`（等于）、`!=`（不等于）、`>`（大于）、`<`（小于）、`>=`（大于等于）和 `<=`（小于等于）。 12. **变量声明**：使用 `var` 关键字声明变量，例如 `var myVar`。 13. **判定语句**：`if...else` 结构用于条件判断，根据条件执行不同的代码块。 14. **循环结构**：`for` 循环是最常见的循环结构，由初始化表达式、条件表达式和更新表达式组成。 15. **循环控制**：`break` 语句用于跳出当前循环。 16. **函数定义**：`function functionName(param1, param2, ...){}` 定义一个函数，参数列表在括号内，函数体在花括号中。 17. **处理表单**：在存在多个表单的情况下，可以通过 `document.forms[index]` 访问特定的表单。 18. **窗口操作**：`window.open()` 打开新窗口，`window.close()` 关闭窗口，`self` 代表当前窗口。 19. **状态栏设置**：`window.status` 可以改变浏览器状态栏的文本。 20. **警告、确认和输入对话框**：`window.alert()` 显示警告信息，`window.confirm()` 显示确认对话框，`window.prompt()` 提示用户输入。 21. **导航控制**：`window.location.href` 可以指定当前页面跳转到的URL。 22. **表单数量**：`document.forms.length` 返回文档中表单的数量。 23. **文档输出流关闭**：`document.close()` 用于关闭文档的输出流。 24. **字符串连接**：使用 `+=` 连接符可以追加字符串。 25. **创建元素**：`document.createElement()` 用于创建新的HTML元素，`document.createTextNode()` 创建文本节点。 26. **获取元素**：`document.getElementById()` 根据ID获取元素。 27. **表单清空**：示例代码展示了如何遍历表单并清空所有文本字段的值。 28. **复选框状态**：`checked` 属性用于检查复选框是否被选中，返回 `true` 或 `false`。 29. **单选按钮组**：通过 `length` 属性可以获取单选按钮组的选项数量，`checked` 属性用于判断是否被选中。 30. **下拉列表框**：`options[n].value` 获取下拉列表框中指定索引的选项值，`selectedIndex` 表示选中的选项索引。 31. **字符串定义**：使用 `new String()` 构造函数可以创建新的字符串对象。 32. **字符串转换**：`.toUpperCase()` 和 `.toLowerCase()` 分别将字符串转换为大写和小写。 33. **查找子字符串**：`indexOf()` 方法查找子字符串在主字符串中的位置，返回值 `-1` 表示未找到。 34. **字符获取**：`.charAt(index)` 方法返回字符串中指定位置的字符。 35. **子字符串截取**：`.substring(startIndex, endIndex)` 截取从开始索引到结束索引前的子字符串。这些知识点涵盖了JS的基础语法、DOM操作、字符串处理、表单操作等多个方面，是学习和使用JS的基本技能。掌握这些知识将有助于理解和编写简单的JS程序。

资源详情

资源评论

1.document.write( " "); 输出语句

2.JS 中的注释为//

3.传统的 HTML 文档顺序是:document- >html- >(head,body)

4.一个浏览器窗口中的 DOM 顺序是:window- >(navigator,screen,history,location,document)

5.得到表单中元素的名称和值:document.getElementById( "表单中元素的 ID 號 ").name(或

value)

6. 一个小写转大写的 JS: document.getElementById("output").value =

document.getElementById( "input ").value.toUpperCase();

7.JS 中的值类型:String,Number,Boolean,Null,Object,Function

8.JS 中的字符型转换成数值型:parseInt(),parseFloat()

9.JS 中的数字转换成字符型:( " " 变量)

10.JS 中的取字符串长度是:(length)

11.JS 中的字符与字符相连接使用號.

12.JS 中的比较操作符有:==等于,!=不等于, >, >=, <. <=

13.JS 中声明变量使用:var 来进行声明

14.JS 中的判定语句结构:if(condition){}else{}

15.JS 中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}

16.循环中止的命令是:break

17.JS 中的函数定义:function functionName([parameter],...){statement[s]}

18.当文件中出现多个 form 表单时.可以用 document.forms[0],document.forms[1]来代替.

19.窗口:打开窗口 window.open(), 关闭一个窗口:window.close(), 窗口本身:self

20.状態栏的设置:window.status= "字符 ";

21.弹出提示信息:window.alert( "字符 ");

22.弹出確认框:window.confirm();

23.弹出输入提示框:window.prompt();

24.指定当前显示链接的位置:window.location.href= "URL "

25.取出窗体中的所有表单的数量:document.forms.length

26.关闭文档的输出流:document.close();

27.字符串追加连接符: =

28.创建一个文档元素:document.createElement(),document.createTextNode()

29.得到元素的方法:document.getElementById()

30.设置表单中所有文本型的成员的值为空:

var form = window.document.forms[0]

for (var i = 0; i <form.elements.length;i ){

if (form.elements.type == "text "){

form.elements.value = " ";

}

31.复选按钮在 JS 中判定是否选中:document.forms[0].checkThis.checked (checked 属性代表为

是否选中返回 TRUE 或 FALSE)

32. 单选按钮组 ( 单选按钮的名称必须相同 ): 取单选按钮组的长度

document.forms[0].groupName.length

33.单选按钮组判定是否被选中也是用 checked.

34.下拉列表框的值:document.forms[0].selectName.options[n].value (n 有时用下拉列表框名称

加上.selectedIndex 来確定被选中的值)

35.字符串的定义:var myString = new String( "This is lightsword ");

36.字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();

37.返回字符串 2 在字符串 1 中出现的位置:String1.indexOf( "String2 ")!=-1 则说明没找到.

38.取字符串中指定位置的一个字符:StringA.charAt(9);

39.取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);

40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个

数中的最在值 ,Math.pow(value1,10) 返回 value1 的十次方,Math.round(value1) 四舍五入函

数,Math.floor(Math.random()*(n 1))返回隨机数

41.定义日期型变量:var today = new Date();

42.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()

得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到

日期几 ,dateObj.getHours() 得到小时 ,dateObj.getMinutes() 得到分 ,dateObj.getSeconds() 得到

秒 ,dateObj.setTime(value) 设置时间 ,dateObj.setYear(val) 设置年 ,dateObj.setMonth(val) 设置

月 ,dateObj.setDate(val) 设置日 ,dateObj.setDay(val) 设置星期几 ,dateObj.setHours 设置小

时,dateObj.setMinutes(val)设置分,dateObj.setSeconds(val)设置秒 [注重:此日期时间从 0 开始

计]

43.FRAME 的表示方式 :[window.]frames[n].ObjFuncVarName,frames["frameName

"].ObjFuncVarName,frameName.ObjFuncVarName

44.parent 代表父亲对象,top 代表最顶端对象

45.打开子窗口的父窗口为:opener

46.表示当前所属的位置:this

47.当在超链接中调用 JS 函数时用:(javascript :)来开头后面加函数名

48.在老的浏览器中不执行此 JS: <!-- //-- >

49.引用一个文件式的 JS: <script type= "text/javascript " src= "aaa.js " > </script >

50.指定在不支持脚本的浏览器显示的 HTML: <noscript > </noscript >

51.当超链和 onCLICK 事件都有时,则老版本的浏览器转向 a.html,否则转向 b.html.例: <a

href= "a.html " >dfsadf </a >

52.JS 的內建对象

有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError

,RegExp,String,SyntaxError,TypeErr or,URIError

53.JS 中的换行:\n

54. 窗口全屏大小 : <script >function fullScreen()

{ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}wind

ow.maximize=fullScreen; </script >

55.JS 中的 all 代表其下层的全部元素

56.JS 中的焦点顺序:document.getElementByid( "表单元素 ").tabIndex = 1

57.innerHTML 的值是表单元素的值:如 <p id= "para " > "how are <em >you </em > " </p >,则

innerHTML 的值就是:how are <em >you </em >

58.innerTEXT 的值和上面的一样,只不过不会把 <em >这种標记显示出来.

59.contentEditable 可设置元素是否可被修改,isContentEditable 返回是否可修改的状態.

60.isDisabled 判定是否为禁止状態.disabled 设置禁止状態

61.length 取得长度,返回整型数值

62.addBehavior()是一种 JS 调用的外部函数文件其扩展名为.htc

63.window.focus()使当前的窗口在所有窗口之前.

64.blur()指失去焦点.与 FOCUS()相反.

65.select()指元素为选中状態.

66.防止用户对文本框中输入文本:

67.取出该元素在页面中出现的数量:document.all.tags( "div(或其它 HTML 標记符) ").length

68.JS 中分为两种窗体输出:模態和非模態.window.showModaldialog(),window.showModeless()

69. 状態栏文字的设置 :window.status= ' 文字 ', 默认的状態栏文字设

置:window.defaultStatus = '文字. ';

70.添加到收藏夹:external.AddFavorite( "http://www.dannyg.com ";, "jaskdlf ");

71.JS 中碰到脚本错误时不做任何操作 :window.onerror = doNothing; 指定错误句柄的语法

为:window.onerror = handleError;

72.JS 中指定当前打开窗口的父窗口:window.opener,支持 opener.opener...的多重继续.

73.JS 中的 self 指的是当前的窗口

74.JS 中状態栏显示內容:window.status= "內容 "

75.JS 中的 top 指的是框架集中最顶层的框架

76.JS 中关闭当前的窗口:window.close();

77.JS 中提出是否確认的框:if(confirm( "Are you sure? ")){alert( "ok ");}else{alert( "Not Ok ");}

78.JS 中的窗口重定向:window.navigate( "http://www.sina.com.cn ";);

79.JS 中的打印:window.print()

80.JS 中的提示输入框:window.prompt( "message ", "defaultReply ");

81.JS 中的窗口滚动条:window.scroll(x,y)

82.JS 中的窗口滚动到位置:window.scrollby

83.JS 中设置时间间隔 :setInterval( "expr ",msecDelay) 或 setInterval(funcRef,msecDelay) 或

setTimeout

84.JS 中的模態显示在 IE4 行,在 NN 中不行:showModalDialog( "URL "[,arguments][,features]);

85.JS 中的退出之前使用的句柄:function verifyClose(){event.returnValue= "we really like you

and hope you will stay longer. ";}} window.=verifyClose;

86.当窗体第一次调用时使用的文件句柄:onload()

87.当窗体关闭时调用的文件句柄:onunload()

88.window.location 的属性 :

protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname(

"/a/a.html "),hash( "#giantGizmo ",指跳转到相应的锚记),href(全部的信息)

89.window.location.reload()刷新当前页面.

90.window.history.back() 返回上一页 ,window.history.forward() 返回下一

页,window.history.go(返回第几页,也可以使用访问过的 URL)

91.document.write()不换行的输出,document.writeln()换行输出

92.document.body.noWrap=true;防止链接文字折行.

93.变量名.charAt(第几位),取该变量的第几位的字符.

94. "abc ".charCodeAt(第几个),返回第几个字符的 ASCii 码值.

95.字符串连接:string.concat(string2),或用 =进行连接

96.变量.indexOf( "字符 ",起始位置),返回第一个出现的位置(从 0 开始计算)

97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.

98.string.match(regExpression),判定字符是否匹配.

99.string.replace(regExpression,replaceString)替换现有字符串.

剩余15页未读，继续阅读

评论收藏

内容反馈

js常用语句

评论0

最新资源

js常用语句

评论0

最新资源

相关推荐

JS常用语句

107句js常用语句

107句JS常用语句

常用javascript语句大全

JS常用语句整理（推荐）

JavaScript常用语句精选

javascript常用语句总结

javascript常用语句

Javascript常用语句

JavaScript常用语句及语言参考

100个javascript (js)常用语法

常用JS大全

107个javascript常用语句

JS常用的几个句子，可以学习提升含金量

常用js方法

javascript常用语句 js简单验证 js

JavaScript常用语句特效

js常用语句100条

JavaScript常用107个语句

常用Javascript语句

107句JS常用语句[借鉴].pdf

JavaScript 语句

107句JSjavascript常用语句.doc

107个JS常用语句

107条Javascript的常用语句

javascript常用大全

106个JavaScript常用的语句

javaScript107个常用语句

JavaScript大综合 常用语句 事件 以及小技巧 和其他信息

JavaScript大综合常用语句事件以及小技巧和其他信息