2025年JavaScript核心概念与技巧全面解析

18、关键语法JavaScript、语法约定1脚本语言严格辨别大小写（不辨别大小写）变量名必须以J avascriptJava字母或下划线开始两个语句之间用；”结束、变量2是一种弱数据类型的脚本语言所有类型的变量都用来定义JavaScript var我们可以这样来定义数据类型型var age=24;number=男；数据类型var sexstring对象（数组，对象都为var birthday=new Array{“1990/08/07};Object null,类型）object也可以这样定义（的值只会赋给变量，很少使用）age=24;var a,b,c=2;2c、可以先申明再赋值，同步申明和赋值，不申明直接赋值（不提议使用）

1、可以重新申明变量且原始的值保持不变2javascript例如输出的值仍然是var a=3;var a;a

3.假如则输出的的值将会为var a=3;var a=4;a

4.、数据类型3undefined变量被申明后，但未被赋值string用单引号或双引号来申明的字符串booleantrue或falsenumber整数或浮点数objectjavascript中的对象、数组和null假如想测试一种变量的数据类型可以使用运算符来测试typeof例如（）;警告框内会显示的数据类型alert typeofa a、运算符4中的运算符和中的运算符基本上是同样的这里就不再多说了javascript Java控制语句（）等跟内基本同样不再多说了if elseswitch forwhile Java

三、基本应用JavaScript、消息框1警告框（“弹出一种警告框”）;alert警告框内换行（“弹出一种警告框”++”这个会换行“）;alert“/n”确认框（提醒信息，确定退出吗？）；confirm返回一种类型的成果选中确定则返回一种选中confirm booleantrue否返回一种falseo例如（“假如你想打开你就点确定吧？）；var isopen=confirm（）if isopen==true（欢迎进入深蓝）alert home!;else（“你确定你不进来看看？”）；alert提醒框（输出框）请输入你的姓名”，“张三”］）prompt”;返回值是一种字符串prompt srting例如二（“请你输入你的姓名”）；var nameprompt注释Javascript单行注释〃多行注释/木木**/、数组2中的数组与中的数组区别很大javascript Java中的数组特性Javascript中的数组定义长度不固定可以二次追加数据

1.Javascript同一种数组可以保留不一样数据类型的数据

[0];parselntstring把一种字符串转换成一种整数并返回解析的整数注意假如被解析的字符串开头不是以数字开头则会返回值为空格除外NaN且解析出来的数组只是开头的持续的数字函数把对象的值转换为字符串StringO中的自定义函数JavaScript在中自定义函数中包括某些脚本代码，这些代码只有当该函数被调用的时，该脚本js代码才会被执行一般为事件调用自定义函数的定义无参函数函数名脚本代码};functions{js调用措施二函数名；事件名=函数名；ondick有参函数函数名参数参数{脚本代码function1,2[return]}调用措施二函数名实参实参；onclick1,2匿名函数有函数没有函数名就叫匿名函数{脚本代码段};var sum=function调用措施onclick=sum;当如下状况发生时，出现此事件、事件:4属性图像加载被中断onabort onblur元素失去焦点onchange顾客变化域的内容onclick鼠标点击某个对象ondblclick鼠标双击某个对象onerror当加载文档或图像时发生某个错误onfocus元素获得焦点onkeydown某个键盘的键被按下onkeypress某个键盘的键被按下或按住onkeyup onload某个键盘的键被松开onmousedown某个页面或图像被完毕加载onmousemove某个鼠标按键被按下onmouseoutonmouseover鼠标被移动onmouseup鼠标从某元素移开onreset鼠标被移到某元素之上onresize某个鼠标按键被松开onselect重置按钮被点击onsubmit窗口或框架被调整尺寸onunload文本被选定提交按钮被点击顾客退出页面注意其中事件在一种页面中只能存在一种起作用（最终一种）且只能在脚本onload html段内和标签内使用body、其他注意事项:5在中可以忽视多种空格，为了代码的可阅读性可以添加合适的空格Javascript在中对大小写很敏感javascript在中假如想换行则可以使用进行换行（一般很少使用）javascript如（欢迎你alert哈雷”）;不过不能alert\（“欢迎你哈雷）；//这里的换行只能在字符串中使用有时候需要使用某些特殊符号，这时就要使用反斜杠转义特殊符号\单引号\〃双引号\和号\\反斜杠\n换行符\r回车符\t制表符\b退格符\f换页符、中的对象JavaScript

一、和对象有哪些区别（理解）BOM DOM前面我们已经说过有三部分构成，和根据宿主（浏览器）javascript ECMAScript,DOM BOM,的不一样，详细的体现形式也不尽相似，和其他的浏览器风格也有很大差异ie（）是的原则；［所有浏览器公共遵守的原则］

1.DOM BrowerObject ModelW3C（）是各个浏览器厂商根据在各自浏览器上的实现;

2.BOM Document Object ModelDOM［体现为不一样浏览器定义有差异，实现方式不一样］是对象，而非对象；

3.window BOMjsDOM（文档对象模型）是HTML和XML的应用程序接口（API）重要处理浏览器窗口和框架，不过一般浏览器特定的扩展都被看做的一部BOM JavaScriptBOM分这些扩展包括弹出新的浏览器窗口

1.移动、关闭浏览器窗口以及调整窗口大小

2.提供浏览器详细信息的定位对象

3.Web提供顾客屏幕辨别率详细信息的屏幕对象

4.对的支持

5.cookie扩展了加入了类,可以通过实例化对象

6.IE BOM,ActiveXObject JavaScriptActiveX是通过访问（）对象来访问、控制、修改客户端（浏览器），javaesript BOM Browser Object Model由于的包括了对象的属性和措施是直接可以使用并且被感知BOM window document,window的，因此可以直接使用对象的属性，通过属性就可以访问、检索、windowdocumentdocument修改文档内容与构造由于对象又是模型的根XHTML document DOM DocumentObject Model节点可以说，包括了对象，浏览器提供出来予以访问的是对象，从BOM DOM BOM BOM对象再访问到对象，从而可以操作浏览器以及浏览器读取到的文档从DOM jswindow.document已然可以看出，的最主线的对象是的对象的子对象DOM BOMwindow区别描述了处理网页内容的措施和接口，描述了与浏览器进行交互的措施和接口DOM BOM

二、对象BOM模型描述了与浏览器进行交互的措施和接口BOM BOM对象常用的对象与措施BOM、对象表达在浏览器中打开的窗口1Window对象常用的措施与属性Window对象属性Window常用的属性这三个属性有分别是三个对象Window该对象包括顾客在浏览器窗口中访问过的History URL该对象包具有关目前的信息Location URL每个载入浏览器的文档都会成为对象Document HTMLDocument对象措施history措施描述加载列表中的前一种back historyURL加载列表中的下一种forward historyURL加载列表中的某个详细页面go history使用措施;跟后退功能同样，假如列表内没有访问记录则此功能无效也可以省history略掉直接写成window history.back;其中跟前个措施功能类似，假如同,为正数时，则同作用go go-l backforward对象的措施Location属性描述加载新的文档assign重新加载目前文档刷新reload八用新的文档替代目前文档replace使用方法:location.assignURL;这里的指的是统一资源定位器，就是我们一般说的网址，当然在这里还可以是一种网URL页文献的途径地址例如location.assignCc:/index.html|；相称于刷新location.reload;跳转到指定的页面location.replaceNew url;对象会在对象中细说documentDOM描述措施显示带有一段消息和一种确认按钮的警告框alert取消由setinterval设置的timeout取消由clearlntervalosetTimeout措施设置的timeout关闭浏览clearTimeout器窗口close显示带有一段消息以及确认按钮和取消按钮的confirm对话框打开一种新的浏览器窗口或查找一种已命名的open窗口显示可提醒顾客输入的对话框prompt按照指定的周期以毫秒计来调用函数或计算setlnterval体现式在指定的毫秒数后调用函数或计算体现式setTimeout对象常用的措施:window

1....h6/h6（常用与带有列表的数据或菜单）ol ullix/li lix/li/ol/ul（常用数据描述）（常与大数据|表单布局场所）dl table（标题）dtx/dt trdd/dd（内容）td colspan=n2n|rowspan=,4n/td（跨行列合并）/tr/dl/table（常用与页面布局）div/div（绘制一条水平线一般用于网页脚部）hr/（用于表单数据）form/form产（超链接|锚链接）a hrfe=/a行级标签:提醒文字”提醒文字img src=alt=title=”/img（用于变化某个单一字体的样式）span/span（换行）br/掌握灵活运用实际开发中常用的中布局构造:

4、（）常用于分类导航或菜单等1div-ul ol-li:、常用于图文混编的场所2div-dl-dt-dd常用于图文布局或显示数据3table-tr-td

4、form-table-tr-td常用于布局表单注意编写习惯、标签名和属性名称尽量小写（属性值具有语义化）

1、标签必须成对出现（单标签除外）2HTML、属性值必须用引号括起来（注意单引号和双引号应用场所）

3、标签必须对的嵌套

4、内容样式功能分离出来5超链接的应用:a href=,9url地址”,被链接的文本|图片/a超链接属性值〉目前位置同页面的锚链接a href=#star”name a/〉目的位置a name=star/a目前位置不一样页面的锚链接a href=xxx.html#star”/a〉另一种网页的目的位置（注意与同一页面写格式不一样样）a name=star”v/a”站长信箱邮箱链接（需要有邮箱工具）a href=mailto:/a表单的应用表单提交地址）form action=method=get|post〈表单元素名称类型二值显示宽度input name=type=value size=最大长度，/maxlength=/form功能例子type单行文本输入（默认类型）默认值”/text input type=MtextM name=MusernameH size=21value=密码password input type=Mpasswordn name=MpasswordM size=21”/单项选择（属性值同男”/男name vinput type=radio name=sex”value=radio样）input type=MradioM name=sex”value=女”/女/）书input type=McheckboxM name=Mhobbyn checked=,,chek,,value=n45K多选checkbox画inputtype=McheckboxM name=MhobbyM value=niSM/重置表单数据reset inputtype=MresetM value=Mfi®M/文献上传file inputtype=MfileM name=HfilesM/提交表单数据（提交到提交”/submit vinputtype=submit”value=位置）action图形提交按钮（只有提交功image inputtype=nimageM src=Kimages/button.gifK/能）一般按钮（添加加事件）按钮”/button inputtype=KbuttonM value_TS:下拉列表框格式指定列表名称“一次性显示行数”,select name=size=option value=选项值selected=nselectedn---/option•・・・••/select例子select name=,bmon,〉［选择月份］〉option value=selected=selected/option二一月option value0/option二二月option value1/option三月option value=2/option二四月〈/〉option value3option/select多行文本框格式列宽行宽”textarea name=cols=rows=文本内容/textarea例子:textarea name=textarea cols=40rows=,6H readonly=readonly”欢迎阅读服务条款协议…/textarea只读和禁用属性readonly但愿某个框内的内容只容许顾客看，不能修改disabled因没到达使用的条件，限制顾客使用隐藏域（用于不让顾客看到的信息）格式inputtype=hidden”name二”・・•.value=・・・/样式表Css格式headstyle type=ntext/cssn标签选择器{属性属性值0;}{属性:属性值.class1;}{属性属性值#id2;}/stylehead对象选择的组合使用格式（减少代码量）

①标签+类标签+id空格+类id+空格+类+逗号id+常用样式设置总结超链接伪类样式未访问状态1a:link a:link{color:#999;}已访问状态2a:visited a:visited{color:#333;}鼠标移上状态3a:hover a:hover{color:#ff7300;size=15}激活选定状态鼠标点击未释放时4a:active a:active{color:#999;}各类样式的优先级（由低到高次序排列）

①浏览器默认设置

②外部样式表文献（常常使用）

③内部样式表

④行内样式表（不提议使用）

⑤标签选择器

⑥类选择器

⑦ID选择器（ID的属性唯一）知识点汇总Javascript

一、理论知识点的理JavaScript解:、定义1JavaScriptJavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言注意严格来说JavaScript也是面向对象的编程语言（OOP）OOP语言使我们有能力定义自o己的对象和变量类型对象只是一种特殊的数据对象拥有属性和措施（javascript高级应用）概念分析:（理解）这里Javascript与Java对比分析比较轻易理解1首先Java是面向对象的编程语言，并且是由sun企业推出的一款强大的编程软件然而javascript是一种基于对象的脚本语言，并且是由网景企业（Netscape）推出的一款依附于浏览器运行的编程语言2Javascript与Java语言没有关系，Netscape企业当时只是为了提高Javascript的著名度，才以Javascript命名，所谓大树下面好乘凉（javascript是由LIiveScript发展而来的）诸多时候我们对脚本的概念不是很清晰，其实是由script翻译成3中文就是脚本的意思专业性理解JavaScript与Java的区别（理解）我们可以看到Java和JavaScript均有“Java”四个字，就认为它们是同同样东西，连我自己当时也是这样认为的其实它们是完完全全不一样的两种东西Java,全称是Java Applet,是嵌在网页中，而又有自己独立的运行窗口的小程序Java Applet是预先编译好的，一种Applet文献（.class）用Notepad打开阅读，主线不能理解Java Applet的功能很强大，可以访问http、ftp等协议，相比之下，JavaScript的能力就比较小了JavaScript是一种“脚本”（“Script”），它直接把代码写到HTML文档中，浏览器读取它们的时候才进行编译、执行，因此能查看HTML源文献就能查看JavaScript源代码JavaScript没有独立的运行窗口，浏览器目前窗口就是它的运行窗口、构成2JavaScriptJavascript是由三部分构成，分别是ECMAScript DOMBOMECMAScript ECMA其实是一种原则化组织，类似于W3c这样的组织，而Javascript遵照了它提供的重要原则作用描述了Javascript的关键语法和基本对象DOM:DocumentObjectModel中文文档对象模型，作用DOM描述了处理网页内容的措施和接口；BOMBrowserObjectModel中文浏览器对象模型，作用B0M描述了与浏览器进行交互的措施和接口背面会对DOMBOM对象进行详细的理解、的基本构造3JavaScript基本构造script|type=,,text7javascript,,|language=,javascript,,]!一脚本语句-〉/script默认类型是类型，当然也可以选中指定脚本类型script Javascript廿两个选任意一种都可以type text/javascript”|language=javascript”注意可以出目前代码段的任何位置，一般我们把他放在标签内javascript htmlhead此外在一种文献中可以出现多种脚本段按从上到下的次序开始执行html javascript、的引用方式4JavaScript行内样式〈廿弹出消息框欢迎你；inputtype=button valueonclick=javascript:alert/外部样式〈后缀名为的文献途径script src=Js”/script内部样式〈脚本代码〈/〉script,script一般我们把写好的脚本代码单独放在一种文献内，通过外部样式引用进来注意外部文献引用在〈script标签之间不能包括脚本代码段。