html学习2javascript

html 定义了网页的内容

css定义了网页的布局

javaScript定义了网页的行为

javascript是一门轻量级的语言

 

html 的脚本必须放在<script> 和 </script>之间，脚本通常放在head和body之间

javaScript 输出语句

window.alert();

docuemnt.write();

console.log();

使用innerHTMl写入到html文件中

 

从javaScript访问某个元素，

doucment.getElementById("id值").innerHTNL = "该id需要修改的值"

docuemnt.write()如果在文件加载完后执行则会覆盖界面内容

 

javascript是一个轻量级应用

js注释：和java注释一样

单行注释：   //

多行注释：  /*注释内容*/

javaScript变量：

　　1.变量必须以字母开头

　　2.也可以使用$和_开头，但是不推荐

　　3.变量名称对大小写敏感

 

var str;

使用如上声明的变量，则str的值为   undefined

变量可以重复声明，值只要不重新赋值，则值不会改变

 

javaScript对象由花括号分隔，在括号内部，对象的属性以名称和值的形式（name：value；）来定义，属性由逗号分隔

var study = {
    name:"ly",
    age:21           
};

 

创建数组的方式：

　　1.使用new关键字来创建  var str = new Array(值);  建立数组数据之间用逗号隔开

var str = new Array('a','b','c');

　　2.使用直接赋值的方法 var str = [];    赋值用中括号直接使用，数据之间分隔用逗号‘，’隔开

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

 

函数：是由时间驱动或者当他被调用时的可重复使用的代码块

函数语法：

function functionName(){
    alert("ok");   
}

函数就是花括号里面的代码块，前面用function修饰

注：javaScript对大小写敏感，关键字function必须小写

函数内未声明的变量，第一次调用前是undefined调用之后就是全局变量

实现反选

function checkAll(){
    var fruit = document.getElementsByName("fruit");
    for(var i = 0; i < fruit.length; i++){
        if(fruit[i].checked == true){ //当checked = "checked" 时为true，没选中时为false
            fruit[i].checked = false;
        }else if(fruit[i].checked == false){
            fruit[i].checked = true;
        }
    }
}

　

将日期转换为数字或者将字符串转换为数字

1 var str = "123";
2 var num = Number(str);//可以直接转换
3 
4 var date = new Date();
5 var num2 = Number(date);//也可以用number直接转换为数字

 

this关键字

一般而言，在javaScript中，this指向函数执行的当前对象（this是系统关键字，不能修改this的值）

 

转载于:https://www.cnblogs.com/li-yi-learn/p/8687558.html