JavaScript的基本常识

2023-06-15 15:36•javascript•阅读 639

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("i

nput").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中的循环结构or([initial e xpression];[condition];[upadte e xpression]) {inside loop}

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

17.JS中的函数定义unction functionName([parameter],...)

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.取出窗体中的所有表单的数量ocument.forms.length

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

27.字符串追加连接符=

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

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

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

var form = window.document.forms[0]

for (var i = 0; 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有时用下拉列表框名称加上.sel

ectedIndex来确定被选中的值)

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.ra

ndom()*(n+1))返回随机数

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

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

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

eObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTi

me(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(va

l)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,

dateObj.setSeconds(val)设置秒 [注意:此日期时间从0开始计]

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

ame,frameName.ObjFuncVarName

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

45.打开子窗口的父窗口为pener

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

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

48.在老的浏览器中不执行此JS:

49.引用一个文件式的JS:

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

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

52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,

ReferenceError,RegExp,String,SyntaxError,TypeError,URIError

53.JS中的换行:/n

54.窗口全屏大小:

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

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

57.innerHTML的值是表单元素的值:如

"how are you"

,则innerHTML的值就是:how are you

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

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"t;,"jaskdlf");

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

error = 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?"))else{alert("Not Ok");}

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

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)或setTimeou

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

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

pe you will stay longer.";}} window.onbeforeunload=verifyClose;

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

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

88.window.location的属性: protocol(http,hostname(example.com),port(80),host(e

xample.com0),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)替换现有字符串.

100.string.split(分隔符)返回一个数组存储值.

101.string.substr(start[,length])取从第几位到指定长度的字符串.

102.string.toLowerCase()使字符串全部变为小写.

103.string.toUpperCase()使全部字符变为大写.

104.parseInt(string[,radix(代表进制)])强制转换成整型.

105.parseFloat(string[,radix])强制转换成浮点型.

106.isNaN(变量):测试是否为数值型.

107.定义常量的关键字:const,定义变量的关键字:var

--------------------------------------------------------------------------------------------------------------------------------

javascript38种小技巧，推荐新手查看。

事件源对象

event.srcElement.tagName

event.srcElement.type

捕获释放

event.srcElement.setCapture();

event.srcElement.releaseCapture();

事件按键

event.keyCode

event.shiftKey

event.altKey

event.ctrlKey

事件返回值

event.returnValue

鼠标位置

event.x

event.y

窗体活动元素

document.activeElement

绑定事件

document.captureEvents(Event.KEYDOWN);

访问窗体元素

document.all("txt").focus();

document.all("txt").select();

窗体命令

document.execCommand

窗体COOKIE

document.cookie

菜单事件

document.oncontextmenu

创建元素

document.createElement("SPAN");

根据鼠标获得元素：

document.elementFromPoint(event.x,event.y).tagName=="TD

document.elementFromPoint(event.x,event.y).appendChild(ms)

窗体图片

document.images[索引]

窗体事件绑定

document.onmousedown=scrollwindow;

元素

document.窗体.elements[索引]

对象绑定事件

document.all.xxx.detachEvent('onclick',a);

插件数目

navigator.plugins

取变量类型

typeof($js_libpath) == "undefined"

下拉框

下拉框.options[索引]

下拉框.options.length

查找对象

document.getElementsByName("r1");

document.getElementById(id);

定时

timer=setInterval('scrollwindow()',delay);

clearInterval(timer);

UNCODE编码

escape() ,unescape

父对象

obj.parentElement(dhtml)

obj.parentNode(dom)

交换表的行

TableID.moveRow(2,1) document.all.csss.href = "a.css";

替换CSS

并排显示

display:inline

隐藏焦点

hidefocus=true

根据宽度换行

自动刷新

简单邮件

快速转到位置

obj.scrollIntoView(true)

锚

<a href=http://www.flyso.net/"#first">anchors</a>

网页传递参数

location.search();

可编辑

obj.contenteditable=true

执行菜单命令

obj.execCommand

双字节字符

/[^/x00-/xff]/

汉字

/[/u4e00-/u9fa5]/

让英文字符串超出表格宽度自动换行

word-wrap: break-word; word-break: break-all;

透明背景

获得style内容

obj.style.cssText

HTML标签

document.documentElement.innerHTML

第一个style标签

document.styleSheets[0]

style标签里的第一个样式

document.styleSheets[0].rules[0]

防止点击空链接时，页面往往重置到页首端。

上一网页源

asp:

request.servervariables("HTTP_REFERER")

javascript:

document.referrer

释放内存

CollectGarbage();

禁止右键

document.oncontextmenu = function() { return false;}

禁止保存

禁止选取<body TEXT-INDENT: 2em">禁止粘贴

地址栏图标

favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下

收藏栏图标

查看源码

关闭输入法

自动全选

ENTER键可以让光标移到下一个输入框

文本框的默认值

title换行

obj.title = "123 sdfs "

获得时间所代表的微秒

var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime()

窗口是否关闭

win.closed

checkbox扁平

获取选中内容

document.selection.createRange().duplicate().text

自动完成功能

<input type=text autocomplete=on>打开该功能

<input type=text autocomplete=off>关闭该功能

窗口最大化

<body >

无关闭按钮IE

window.open("aa.htm", "meizz", "fullscreen=7");

统一编码/解码

alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))

encodeURIComponent对":"、"/"、";" 和 "?"也编码

表格行指示

<tr >

------------------------------------------------------------------------------------------------------------------------------------------------

核心(Core) Javascript 学习手记

linenum

CreateD BY STABX, AT 2006-9-5.

Javascript Notes By shawl.qiu

---/-------------------------------------------------------------

-3.1 函数比其他代码优先执行

-3. 优先级

-2.4 同时初始化多个变量并赋相同值

-2.3 在函数中使用 var 定义一个变量, 该变量将影响整个函数, 不分先后.

-2.2 全局变量与局部变量

-2.1.2 普通定义变量 2

-2.1.1 普通定义变量 1

-2.1 普通定义变量

-2. var 定义变量

-1.5 in 操作符

-1.4.2 true 等价 1, false 等价 0.

-1.4 == 与 ===

-1.4.1 NaN

-1.3 0/0=?

-1.2 类型转换

-1.1 -- 与 ++

-1.1.1

-1. 运算符

0. 语法

0.1 Switch

1. 按钮

1.1 前进后退按钮

1.2 确认按钮

1.3 最原始也最实用的 UBB 代码输入方法——SCRIPT & FORM

1.4 Prompt

1.5.1 鼠标经过时选中，并隐藏原框的文字，移开再显示文字 ——文本框

1.5 鼠标经过时选中 ——复选框 Focus()

1.6 鼠标经过自动提交表单

2. 接收键盘事件

2.1 按任何键关闭窗口

2.2 实时显示更改的图片链接

3. 数组/Array

3.1 Javascript 结合 Asp 使用数组

4. 控制图片大小

5. 双击拷贝文本

6. IE 全屏显示

7. 文本框回车链接

8. 顯示頁面所有元素

9. 正则表达式

10. 接收鼠标事件

10.1 单击鼠标右击关闭窗口 (我用左手)

10.2 鼠标移过选择表单项

11. 字符串

11.1 检测字符串中是否出现某字符

12. 随机数

12.1.1 生成 GUID 2

12.1 生成 GUID

13. 时间操作

13.1 以毫秒为单位的倒计时跳转, 来源 CSDN

14. switch

14.1 简单 switch

15 if 判断

15.1.2 简单 if 判断 3

15.1.1 简单 if 判断 2

15.1 简单 if 判断

15.2 if 判断的三个写法

15.3 判断执行文件使用网络还是使用本地协议

15.4 if...else 写法

16. 简单 while

16. while

17. do while

17.1.2 简单 do while

17.1 简单 do while

18. for

18.1 简单 for

18.2 简单 for 1

18.3 循环列出从 a - z 的字母

18.3 n阶乘

18.4 Fibonacci Numbers

19. for in

19.1.1 简单 for in 1

19.1 简单 for in

19.2.1 for in 赋值 [数组] 1

19.2 for in 赋值 [数组]

20. try, catch, finally

20.1.1 简单 try, catch 1

20.1 简单 try, catch

21. with

21.1 简单with (另一写法)

21.1 简单 with

22. break, continue

22.1 continue

22.2.1 break 标签

22.2 break

23. call, apply

23.1.1 找出数组中最大的数

23.1 apply

24. object

24.1.1 创建简单对象一

24.1.2 创建简单对象二

24.1 创建简单对象

24.2.1 创建嵌套对象 1

24.2 创建嵌套对象

24.3 删除对象中的属性

24.4.1 遍历对象中的属性名 1

24.4 遍历对象中的属性名

24.5 obj.propertyIsEnumerable('ele')

24.6 obj.hasOwnProperty('ele')

25. toString

25.1 使用 toString 列出数组中的元素

26. Array()

26.0.1 简单创建数组, 并赋值 2

26.0 简单创建数组, 并赋值

26.0.3 创建数组中的数组

26.0.4 创建数组中的对象

26.0.2 简单创建数组

26.1 [array].push(), [array].pop()

26.2 数组排序

26.3 创建数组指定维数, 从 1 开始.

27. RegExp

27.1 普通操作 1

27.2 test 语句

27.3 exec 语句

28. new 语法

29. isNaN

30. Date()

30.1 输出年月日, 时分秒的日期格式

31. function 函数

31.1.1.1 三种定义函数的方法 1.1

31.10 在数组中存储函数, 并引用

31.1.1 三种定义函数的方法 1

31.1.2 三种定义函数的方法 2

31.1 三种定义函数的方法

31.2 在标签中写函数

31.3 创建嵌套函数

31.4.1 创建递归函数 1

31.4 创建递归函数

31.5 创建函数对象

31.6 在函数内部定义的函数只能在该函数内部调用

31.7 定义函数变量, 并赋值

31.8 变量引用函数

31.9 在对象中存储函数, 并引用

31.11 function.call()

31.12 在函数内定义的变量可以被下级内嵌函数调用

32. typeof 查看数据类型

32.1

33. obj.valueOf() 返回原始值

34. Math 对象

34.1.1 生成 1 至 4 的随机数

34.1 Math.random();

34.2 求 x 的 n 次方

35. delete

36. confirm() 确认框

36.1 带条件确认框

37. window.open

37. window

37.1 打开没有焦点的窗口

38. return 返回值

38.1 return true

38.2 return undefined

39. throw

39.1 简单产生错误

40. arguments

40.1 判断 arguments.length

40.2 列出所有 argument 的值

40.3 arguments.callee / 调用函数本身

41. .to******

41.1 toString

42. parseInt() / parseFolat()

--------------------------------

42. parseInt() / parseFolat()

//<![CDATA[

var str = '1.1322 this test ';

document.write(('str like this: ').bold() + str.fontcolor('red') + '<br/>');

document.write(('parseInt(str): ').bold() + parseInt(str) + '<br/>');

document.write(('parseFloat(str): ').bold() + parseFloat(str) + '<br/>');

document.write(('parseInt(1111,2): ').bold() + parseInt(1111, 2) + '<br/>');

document.write(('parseInt(1111,8): ').bold() + parseInt(1111, 8) + '<br/>');

document.write(('parseInt(1111): ').bold() + parseInt(1111) + '<br/>');

document.write(('parseInt(1111,16): ').bold() + parseInt(1111, 16) + '<br/>');

//]]>

</script>

41. .to******

//<![CDATA[

var num = 12345.6789

document.write(('parseInt(num): ').bold() + parseInt(num) + '<br/>');

document.write(('num.toFixed(0): ').bold() + num.toFixed(0) + '<br/>');

document.write(('num.toFixed(2): ').bold() + num.toFixed(2) + '<br/>');

document.write(('num.toExponential(2): ').bold() + num.toExponential(2) + '<br/>');

document.write(('num.toExponential(1): ').bold() + num.toExponential(1) + '<br/>');

document.write(('num.toPrecision(1): ').bold() + num.toPrecision(1) + '<br/>');

document.write(('num.toPrecision(2): ').bold() + num.toPrecision(2) + '<br/>');

//]]>

</script>

41.1 toString

//<![CDATA[

var num = 123456789

document.write(('num.toString(): ').bold() + num.toString() + '<br/>');

document.write(('num.toString(2): ').bold() + num.toString(2) + '<br/>');

document.write(("'0'+num.toString(8): ").bold() + '0' + num.toString(8) + '<br/>');

document.write(("'0x'+num.toString(16): ").bold() + '0x' + num.toString(16) + '<br/>');

//]]>

</script>

40. arguments

40.1 判断 arguments.length

//<![CDATA[

function t(a, b, c, d) {

if (arguments.length != 4) document.write(('error! argument must be 4 element.').fontcolor('red') + ' current arguments length: ' + arguments.length + '<br/>');

else document.write(('this right: ' + arguments.length).bold() + ' arguments<br/>');

}

t();

t('a', 'b', 'c', 'd');

t('a', 'b', 'c', 'd', 'e');

//]]>

</script>

40.2 列出所有 argument 的值

//<![CDATA[

function t() {

for (var i = 0; i < arguments.length; i++) {

document.write(('arguments[' + i + ']').bold() + ' = ' + arguments.fontcolor('red') + '<br/>');

}

var temp = 'test';

t('aaa', 'bbb', 'ccc', 'ddd', 'eee', temp);

//]]>

</script>

40.3 arguments.callee / 调用函数本身

//<![CDATA[

var t = function(x) {

document.write(x + '<br/>');

if (x > 1) {

arguments.callee(x - 1);

}

t(10);

//]]>

</script>

39. throw

39.1 简单产生错误

//<![CDATA[

t(10);

t();

function t(x) {

if (typeof x === 'undefined') throw new Error('x must be own a value');

document.write(x);

}

//]]>

</script>

38. return 返回值

38.1 return true

//<![CDATA[

function t(ipt) {

window.status = ipt;

return true;

}

t('test this');

//]]>

</script>

38.2 return undefined

//<![CDATA[

function t(t) {

if (t == null) return;

}

document.write(t()); // undefined

//]]>

</script>

37. window

37. window.open

37.1 打开没有焦点的窗口

//<![CDATA[

var w = window.open('/')

w.blur();

window.focus();

//]]>

</script>

36. confirm() 确认框

36.1 带条件确认框

//<![CDATA[

var x = confirm('what doing with you')

if (x) { alert('ok') } else alert('good choice');

//]]>

</script>

35. delete

//<![CDATA[

var t = { i: 'ok', j: 'ok too' }

document.write(delete t.i); // true

document.write('<br/>');

document.write(delete t); // false 不能删除使用 var 定义的变量或对象

document.write('<br/>');

document.write(delete n); // true 删除不存在的元素.

document.write('<br/>');

document.write(delete j); // true

document.write('<br/>');

//]]>

</script>

34. Math 对象

34.1 Math.random();

34.1.1 生成 1 至 4 的随机数

//<![CDATA[

document.write(parseInt(Math.random() * 4 + 1) + '<br/>');

//]]>

</script>

34.2 求 x 的 n 次方

//<![CDATA[

document.write(Math.pow(2, 10));

//]]>

</script>

33. obj.valueOf() 返回原始值

//<![CDATA[

var a = 1, b = 'test', c = false, d = new Object();

document.write(a.valueOf() + '<br/>'); // 1

document.write(b.valueOf() + '<br/>'); // test

document.write(c.valueOf() + '<br/>'); // false

document.write(d.valueOf() + '<br/>'); // [object Object]

//]]>

</script>

32. typeof 查看数据类型

//<![CDATA[

var a = ['a', 'b', 'c']

document.write(typeof a); // object

document.write(a.valueOf()); // a, b, c

document.write(typeof null); // object

//]]>

</script>

32.1

//<![CDATA[

var a = ['a', 'b', 'c']

document.write(typeof a); // object

document.write(a.valueOf()); // a, b, c

//]]>

</script>

31. function 函数

31.1 三种定义函数的方法

//<![CDATA[

function f() { alert('function f'); };

var f1 = function() { alert('function f1'); };

var f2 = new Function('', "alert('function f2')");

f(); f1(); f2();

//]]>

</script>

上一篇 »Flutter完整开发实战详解(七、深入布局原理)
下一篇 »JavaScript基本数据类型——Symbol

JavaScript的基本常识

相关推荐

【JavaScript】基本类型和引用类型的值、引用类型

为什么Javascript中的基本类型能调用方法？

javascript检测基本类型值或引用类型值的类型方法

css 居住问题常识http://blog.jobbole.com/46574/

css基础总结一

javascript-基本数据类型和转换

javascript基本概念

JavaScript内核系列 第2章 基本概念，转自JAVAEYE

JavaScript内核系列第2章基本概念，转自JAVAEYE