JavaScript介绍

布满荆棘的人生 2022-05-06 21:30 173阅读 0赞

![70][]

**JavaScript在前端技术中的作用？？**

HTML：它是整个网站的骨架。  
CSS： 它是对整个网站骨架的内容进行美化(修饰)  
Javascript： 它能够让整个页面具有动态效果

**javascript 的引入方式**  
 内部引入方式  
          直接将 javascript 代码写到   <script type=”text/javascript”>  </script>；  
 外部引入方式  
          需要创建一个.js文件，在里面书写 javascript代码，然后在 html文件<head>标签中通过 script标签的 src 属性引入该外部的 js 文件；

例如：<script type="text/javascript" src="/js/jquery-1.5.1.min.js"></script>

**JavaScript的组成部分？**  
![70 1][]

**JacaScript语法？**

1.区分大小写；2.变量是弱类型的(String str=”aaa” ,var str=”123”;)，统一使用 var 来定义！3.每行结尾的分号可有可无(建议大家写上)；  
4.注释与 java语言相同。

** javascript 数据类型**  
Javascript 数据类型分为原始数据类型和引用数据类型  
原始数据类型：  
               string、 number、 boolean、 null、 undefined  
引用数据类型：  
               Array  Boolean  Date  Math  Number  String  ReqExp

Array数组的特点

长度可变！数组的长度=最大角标+1

String对象特点：

<table style="width:612px;"> 
 <tbody> 
  <tr> 
   <td style="width:65.05pt;"> <p style="margin-left:0cm;">match()</p> </td> 
   <td style="width:211.5pt;"> <p style="margin-left:0cm;">找到一个或多个正则表达式的匹配。</p> </td> 
  </tr> 
  <tr> 
   <td style="width:65.05pt;"> <p style="margin-left:0cm;">substr()</p> </td> 
   <td style="width:211.5pt;"> <p style="margin-left:0cm;">从起始索引号提取字符串中指定数目的字符。</p> </td> 
  </tr> 
  <tr> 
   <td style="width:65.05pt;"> <p style="margin-left:0cm;">substring()</p> </td> 
   <td style="width:211.5pt;"> <p style="margin-left:0cm;">提取字符串中两个指定的索引号之间的字符。</p> </td> 
  </tr> 
 </tbody> 
</table>

ReqExp对象---正则表达式对象

<table style="width:341px;"> 
 <tbody> 
  <tr> 
   <td style="width:24.6pt;"> <p style="margin-left:0cm;">test</p> </td> 
   <td style="width:226.75pt;"> <p style="margin-left:0cm;">检索字符串中指定的值。返回 true 或 false。</p> </td> 
  </tr> 
 </tbody> 
</table>

**javascript 运算符**  
其它运算符与 java 大体一致，需要注意其等性运算符。  
     == 它在做比较的时候会进行自动转换。  
     === 它在做比较的时候不会进行自动转换。

**获取元素内容**  
获取元素  
        document.getElementById(“id 名称”);  
获取元素里面的值  
        document.getElementById(“id 名称”).value;//如果 id 是一个字符串，那么必须加上引号，如果是一个变量那么不需要

**javascript 事件**  
表单提交事件： onsubmit

**javascripte 的输出**  
警告框： alert();  
向页面指定位置写入内容： innerHTML(属性)  
向页面写入内容： document.write(“”);

### **BOM 对象** ###

BOM 对象：浏览器对象模型(操作与浏览器相关的内容)，每个对象都有一些方法，要用时候去看文档  
       Window 对象（当前窗口对象）  
       Location对象（当前URL信息）

History对象（访问历时URL）

Navigator对象（浏览器信息）

Screen对象(屏幕相关)

Document 对象

Element对象

Attribute对象

[70]: /images/20220506/d27601763a28481cb26dc95f4357ff6f.png
[70 1]: /images/20220506/08bd5925d42c44a6aa957aedf3d0f621.png