【JavaScript】JavaScript基本语法

时间:2021-11-29 20:27:47

JavaScript:

是脚本语言;是一种解释性的语言(不需要编译)

 

作用:

让页面有具有动态效果

 

组成部分:

ECMAScipt(核心),包含基本语法、变量、关键字、保留字、数据类型、语句、函数等

DOM(文档对象模型),包含整个html页面的内容

GOM(浏览器对象模型),包含整个浏览器内容

 

 

ECMAScipt

 

语法:

  • 区分大小写
  • 变量是弱类型的,定义变量全用关键字var,无特定类型,可以初始化为任意值。
  • 每行结尾分号可有可无
  • 注释和java里的一样

 

变量:

  • 例如,var test="hi";
  • 声明变量不是必须的(可以不带var)

 

关键字:

大部分java里面出现过

 

数据类型:

(原始类型)

undefined

boolean

number(在Java中所有和数字相关的)

string

object:变量是引用类型或null类型的

*typeof运算符对于null值会返回"Object"。现在null被认为是对象的占位符。

*undefined和null:

undefined是变量声明了但没赋值;null是没声明。

 

运算符:

*所有比较都用等号,没有equals()

等性运算:

全等号:===

【JavaScript】JavaScript基本语法

 

* ==和===的区别:(例子说明)

用==比较时,”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.onload=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文档中输出