Java Web全记录-JavaScript基础集锦

1. 基本介绍

js是弱类型，Java是强类型；弱类型：就是指类型可变，比如var i=1, i="ad"都是没有问题的;但是Java赋值类型后就不能变了；
第一种方式可以在head标签中定义一个script标签使用JavaScript；第二种方式可以编写一个以.js作为后缀的文件，然后通过script标签调用，其中设置type属性为“text/javascript”,src属性填写地址；
alert()函数是一个警告框函数；
JavaScript的变量类型:number(数值类型)，string(字符串类型)，object(对象类型)，boolean(布尔类型)，function(函数类型)；
JavaScript里面的特殊值：undefined(所有未赋初始值的变量默认值)，null(空值),NAN(not a number非数值型)。
typeof()是JavaScript的一个函数，用于将变量的数据类型返回；
关系运算：==(等于，简单的字面比较);===(全等于，除了做字面的比较还会进行类型的比较)；
在JavaScript中0，null,以及undefined，“”(空字符串)，都认为是false；
在&&运算中，当表达式全为真时就返回后一个表达式的值；当有一个为假时，返回第一个为假的表达式的值；
js中数组的定义，var 数组名=[]//空数组，也可以直接在数组里面赋值(用，分开元素)；

使用function来定义函数，但是函数必须要调用才能运行，同样的也可以有返回值，返回值用return返回；如下格式

/*第一种方法*/
function 函数名(参数){
函数体；
}
如下：
  function fun(a,b) {
    alert("千万别再参数里面写明类型")
}
/*第二种方法*/
var i = function(参数){
方法体；其它的与第一种方法一致；
}

在js中函数不允许重载，否则会将前一个覆盖(重载就是指方法名字是相同的但是它的方法中参数，返回值不同)；
在js中有一个隐形参数的功能(arguments) ，就是指不需要定义参数，却可以获得所有参数的变量，在我的理解看来可能是由于它自带一个默认初始值，所以不管有没有参数，他都不会报错，所以显得在function中参数不管写不写都不会报错；（由此可知，隐形参数的提取可以通过arguments,它是个数组）
简单的给第十三条举个实例：
```
       function test() {
           alert(arguments[0]+"第二个"+arguments[1]+"第三个"+arguments[2])
   }
   test(1,2,3)
```
运行结果图片是：
自定义对象(类似于)：var 变量 = new Object()，为其添加属性时，只需要变量名.属性=值就可以了；函数也是==变量名.函数名=function(){}==就可以了；除此之外，对象还可以通过var 对象名={}创建，其中的属性使用"，"来分割，就我看来就是键值对的显示属性里面不能用=，应该这样写如：age:19,name:“神”；

js常见的事件有：onload(加载完成事件，也就是加载完成执行，常用于页面js代码初始化)，onclick(单击事件)，onblur(失去焦点，常用于输入框)，onchange(内容改变，常用于下拉框),onsubmit(表单提交事件)；

/*其余的和这个类似*/
   <script type="text/javascript">
 window.onload = function () {//先用onload加载；
     var btObj = document.getElementById("btn1");//获取标签对象
     btObj.onclick = function () {//通过标签对象创建函数事件，
         alert("动态的onclick");
     }
 }
  function fun() {
        alert("静态调用onclick按钮")
    }
 </script>
</head>
<body>
<button id="btn1">按钮1</button>
<button onclick="fun()">按钮2</button>
</body>

使用return false,可以阻止表单的提交；

console是由js提供的控制浏览器端控制台的一个对象，log是一个打印的方法；
```
  console.log("我")
```
document对象访问所有的对象；getElementById()方法可以通过id获得标签对象;getElementsByName()方法可以通过name获得标签对象，getElementsByTagName()方法可以通过标签名获得标签的对象；
在js中有一个test()的本地方法，可以配合正则表达式使用，判断是否符合自身的规则；
在js中的正则表达式；如下使用：

//表示从头到结尾都必须是数字，字符串或者是下划线，而且最少要有5个，不能超过12个字符，不能有其他的字符（比如括号等），
            var i = /^\w{5,12}$/;
            str = "wzg1"
            alert(i.test(str));

在js中，所有的标签其实都已经被对象化，其中各种类型的属性其实是就是这个对象的属性，如下(是一张标签转换成对象后基础格式)：

在这里面尤其是起始标签和结束标签中间的内容，这个属性，很可能被经常调用；而且这个内容可以直接插入标签，也就是<img>这种标签也可以插入；

在js中checked表示的是复选框(checkbox)的选中状态；

Java Web全记录-JavaScript基础集锦

1. 基本介绍

猜你喜欢