String对象：
它是 JavaScript 的一种基本的数据类型
String 对象的 length 属性声明了该字符串中的字符数，String 类定义了大量操作字符串的方法，例如从字符串中提取字符或子串，或者检索字符或子串
需要注意的是，JavaScript 的字符串是不可变的（immutable），String 类定义的方法都不能改变字符串的内容
例如： String.toUpperCase() 这样的方法，返回的是全新的字符串，而不是修改原始字符串
在较早的 Netscape 代码基的 JavaScript 实现中（例如 Firefox 实现中），字符串的行为就像只读的字符数组
例如，从字符串 s 中提取第三个字符，可以用 s[2] 代替更加标准的 s.charAt(2)
此外，对字符串应用 for/in 循环时，它将枚举字符串中每个字符的数组下标（但要注意，ECMAScript 标准规定，不能枚举 length 属性），因为字符串的数组行为不标准，所以应该避免使用它。
定义：
方式一：
var 变量名=new String(s);
举例：
<script> var str=new String("hello"); alert(str); </script>
显示如下：
方式二：
var 变量名=s;
举例：
<script> //以下两种方式均可 var str="good"; var str='good'; alert(str); </script>
属性：
它包含的很多方法都与Java相同，因此这里不进行赘述，不熟悉的小伙伴可去官方手册查询！传送门
length：字符串的长度
举例：
<script> var str='good morning'; alert(str.length); </script>
显示如下：
方法：
charAt():返回在指定位置的字符
举例：
<script> var str='good morning'; alert(str.charAt(2)); </script>
显示如下：
indexOf():检索字符串
<script> var str='good morning'; //返回指定字符的索引值，若不存在则返回-1 alert(str.indexOf('o')); </script>
显示如下：
trim()方法用来去除字符串前后端的空格：
去除前：
<script> var str=" hello "; alert(1+str+1); </script>
显示如下：
去除后：
<script> var str=" hello "; alert(1+str.trim()+1); </script>
显示如下：
自定义对象：
格式：
var 对象名称={ 属性名称1：属性值1, 属性名称2：属性值2, ..... 函数名称：function(形参列表){} ..... }
举例：
<script> var person={ name:"张三", age:23, eat:function(){ alert("干饭~"); } }; //访问属性和方法 alert(person.name); alert(person.age); person.eat(); </script>
打卡网页依次弹出name的值—>age的值—>方法中的alert内容
BOM对象：
Browser Object Model 浏览器对象模型
JavaScript将浏览器的各个组成部分封装成为对象
history：包含用户(在浏览器窗口中)访问过的URL，它是window对象的一部分，可通过window,history属性对其进行访问 Navigator:包含浏览器的基本信息[不常用] Screen:包含有关客户端显示屏幕的信息[不常用] location：用于获取当前页面的地址，并把浏览器重定向到新的页面 Window：表示浏览器中打开的窗口，是浏览器对象中的顶层对象
window对象常用的方法：
直接使用window,其中window.可省略
1：alert():显示带有一段消息和一个确认按钮的警告框
显示如下：
2：confirm():显示带有一段消息以及确认按钮和取消按钮的对话框
举例：
<script> confirm("确定吗?"); </script>
显示如下：
3:open()方法：打开一个新的浏览器窗口或者查找一个已命令的窗口
举例：
<script> var x=parseInt(prompt("请输入分数")); if(x>90) window.open("1.html"); </script>
显示如下：
当输入的分数大于90时，则打开当前目录下的1.html网页
4：setInterval(function,毫秒值):按照指定的周期(以毫秒计)来调用函数或计算表达式[循环执行]
举例：
<script type="text/javascript"> //window.onload:在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。 window.onload=function(){ var interv = setInterval(run,1000); } function run(){ alert("hello"); } </script>
显示效果为：每隔一秒钟出现弹框，内容为hello，并且会重复出现弹框
5：setTimeout(function,毫秒值):在指定的毫秒数后调用函数或计算表达式[只执行一次]
举例：
<script type="text/javascript"> //window.onload:在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。 window.onload=function(){ var interv = setTimeout(run,1000); } function run(){ alert("hello"); } </script>
显示效果为：等待一秒钟出现弹框，内容为hello，弹框只出现一次
Location对象常用的方法：
assign():来加载新的文档
举例：
<body> <script> function assginfunc(){ window.location.assign("http://www.xysfxy.cn"); } </script> <input type="button" value="Load new document" onclick="assginfunc()"/> </body>
显示如下：
history对象常用的方法：
1：back():可以加载history列表中的前一个URL
举例：
<body> <script> function goback(){ window.history.back(); } </script> <input type="button" value="Back" onclick="goback()"> </body>
显示如下：
2：forward():用来加载history列表指定的URL网页
举例：
<body> <script> function goForward(){ window.history.forward(); } </script> <input type="button" value="goForward" onclick="goForward()"/> </body>
显示如下：
3：go(number|URL)方法：可以加载history列表中的某个具体页面 //参数可以是一个数值，表示要访问的URL在history的URL列表中的相对位置，也可以为要访问的URL
举例：
<body> <script> function goback(){ window.history.go(-1); } </script> <input type="button" value="back" onclick="goback()"/> </body>
DOM：
Document Object Mode:文档对象模型，将标记语言的各个组成部分封装为对象
JavaScript通过DOM，就能对HTML进行操作：
改变HTML元素的内容 改变HTML元素的样式(CSS) 对HTML DOM事件做出反应 添加和删除HTML元素
DOM是w3c(万维网联盟)的标准,它定义了访问HTML和XML文档的标准
w3c DOM标准被分为3个部分：
1：核心DOM：针对任何结构文档的标准模型
Document:整个文档对象 Element:元素对象 Attribute:属性对象 Text:文本对象 Comment:注释对象
2：XML DOM：针对XML文档的标准模型
3：HTML DOM：针对HTML文档的标准模型
image:<img> Button:<input type='button'>
获取Element:元素对象
使用Document对象的方法来获取：
getElementById:根据id属性来获取，返回一个Element对象 getElementByTagName:根据标签名称获取，返回Element对象数组 getElementByName：根据name属性值获取，返回Element对象数组 getElementByClassName:根据class属性获取，返回Element对象数组
准备如下代码：
<srcipt> <img id="light" src="off.jpg"><br> <div class="cls">传智教育</div><br> <div class="cls">黑马程序员</div><br> <input type="checkbox" name="hobby">电影 <input type="checkbox" name="hobby">旅游 <input type="checkbox" name="hobby">游戏 </srcipt>
测试：
//通过ID获取元素 var img=document.getElementByTagId("light"); alert(img);
显示如下：
//通过标签名获取元素 var divs=document.getElementsByTagName("div"); alert(divs.length);
显示如下：
//通过Name属性值获取元素 var names=document.getElementsByName("hobby"); for(let i=0 ; i< names.length ; i++){ alert(names[i]); }
显示如下：
//通过Class获取元素 var classs=document.getElementsByClassName("cls"); for(let i=0 ; i< classs.length ; i++){ alert(classs[i]); }
显示如下：
