JavaScript:
是脚本语言;是一种解释性的语言(不需要编译)
作用:
让页面有具有动态效果
组成部分:
ECMAScipt(核心),包含基本语法、变量、关键字、保留字、数据类型、语句、函数等
DOM(文档对象模型),包含整个html页面的内容
GOM(浏览器对象模型),包含整个浏览器内容
ECMAScipt
语法:
- 区分大小写
- 变量是弱类型的,定义变量全用关键字var,无特定类型,可以初始化为任意值。
- 每行结尾分号可有可无
- 注释和java里的一样
变量:
- 例如,var test="hi";
- 声明变量不是必须的(可以不带var)
- 在函数内,变量加var局部变量,不加var全局变量
关键字:
大部分java里面出现过
数据类型:
(原始类型)
undefined
boolean
number(在Java中所有和数字相关的)
string
object:变量是引用类型或null类型的
*typeof运算符对于null值会返回"Object"。现在null被认为是对象的占位符。
*undefined和null:
undefined是变量声明了但没赋值;null是没声明。
运算符:
*所有比较都用等号,没有equals()
等性运算:
全等号:===
* ==和===的区别:(例子说明)
用==比较时,”66“尝试转换Number类型的,再进行比较;
用===比较,不转换类型就相等
获取元素内容:
获取元素:
document.getElementById("id名称");
*如果id是字符串,一定要加引号;是数值就不用
获取元素里面的值:
document.getElementById("id名称").value;
例子:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>获取元素</title> 6 <script> 7 window.οnlοad=function(){ 8 //获取页面指定位置的元素 9 var uEle=document.gerElementById("username"); 10 // alert(uEle); 11 12 //获取页面指定位置的元素内容 13 var uValue=uEle.value; 14 alert(uValue); 15 } 16 </script> 17 </head> 18 <body> 19 用户名:<input type="text" name="username" id="username" /><br /> 20 密码:<input type="password" name="password" /> 21 </body> 22 </html>
表单提交:onsubmit
向页面输出内容:
1.操作HTML元素
document.getElementById("id名称").innerHTML(属性)=".....";
2.向文档输出:
document.write("...");
3.alert()警告窗输出
*1和2的区别:
1是指定位置;2是直接在HTML文档中输出