js基础&DOM

1、JS的string对象：

创建String对象
var str="abc";
属性length：字符串的长度
方法和属性（文档）
（1）与HTML相关的方法：
bold()加粗
fontcolor（）设置字符串的颜色
fontsize()设置字体的大小
link()将字符串显示成超链接
//内容均可在W3School查到

<script type="text/javascript">
          
          var str= "wrgghadsfg";
          document.write(str.length);
      </script>

var str1="sddsd";
            document.write(str1.bold());

var str2="ee";
            document.write(str2.fontcolor("red"));

var str3= "rewqr";
            document.write(str3.fontsize(5));

运行结果

var a="qwerqer";
        document.write(a.link("holiday1.html"));

运行结果

（2）与java相似的方法

• 连接字符串：concat（）

var s1="123"
var s2="abc"
document.write(s1.concat(s2))

运行结果

• 返回执行位置的字符串：charAt（）

var s1="123"
var s2="abc"
document.write(s1.charAt(1))

运行结果

• 返回字符串的位置：indexOf()

var s1="123"
var s2="abc"
document.write(s2.indexOf("b"))

运行结果

*****如果字符串不存在，会返回-1

• 切分字符串：split（）

var s2="a b c"
var arr=s2.split(" ")
document.write(arr.length)

运行结果

• 替换字符串：replace（）

var s1="123"
var s2="abc"
var s3=s2.replace("a","1")//第一个是原来变量里面的，后面的是需要替换的
document.write(s3)

运行结果

• 截取字符串：substr()和substring()的不同

var s7="xiaomanhua"
document.write(s7.substr(5,2))//从第五位开始，向后截取五个字符
document.write("<hr/>")
document.write(s7.substring(5,2))//从第几位开始到第几位结束

运行结果

2、JS的Array对象

• 创建数组（三种）：

var arr1=[1,2,3];
var arr2=new Array(3);//长度是3
var arr3=new Array(1,2,3);//数组中的元素是123

• 属性：length：查看数组的长度
• 方法：
  （1）数组的连接：concat()

var a1=[1,2,3]
var a2=[4,5,6]
document.write(a1.concat(a2))

运行结果

（2）分割字符串：join（）

var a3=new Array(3)
            a3[0]="a"
            a3[1]="b"
            a3[2]="c"
            document.write(a3)
            document.write("<hr/>")
            document.write(a3.join("*"))

运行结果

• 向数组末尾添加元素，并返回新的长度：push（）

var a4=[7,8,9]
document.write(a4.push("q"))

document.write(a4)

![运行结果](https://img.haomeiwen.com/i8650875/9b73fe7292dcf274.png?imageMogr2/auto-
注：与此相似的是删除最后一个元素：pop（），返回删除的元素。

• 颠倒数组中元素的顺序：reverse()

var a5=[22,33,44]
document.write(a5.reverse())

运行结果

3、JS的Date对象

• 在java里面获取当前时间
  Date date=new Date()
  //格式化
  //toLocaleString()
• 在JS里面获取当前时间：

var date=new Date()
            document.write(date)
            document.write("<hr/>")
            document.write(date.toLocaleString())

运行结果

• 获取当前的年份

document.write(date.getFullYear())

image.png

注：获取月份时候，一定+1，因为月份返回的是0~11月；
获取星期的时候，注意星期日的返回值是0，因为是按照外国的习惯，其他的正常。

4、JS的Math对象

• 取整：ceil()
• 向下取整：floor（）
• 向上取整：round（）

var mm=10.7
            document.write(Math.ceil(mm))
            document.write("<hr/>")
            document.write(Math.floor(mm))
            document.write("<hr/>")
            document.write(Math.round(mm))
            document.write("<hr/>")

image.png

5、JS的全局函数

6、JS的函数重载