【javaweb学习笔记】WEB03_JavaScript

一、JavaScript

1.含义：

　　1）JavaScript是一种脚本语言（即轻量级的编程语言）

　　2）是一种解释性语言（代码执行不进行预编译）

　　3）注意：JavaScript和java没有关系

 

2.作用：

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

 

3.组成部分：　　

　　1）ECMAScript:它是整个 javascript 的核心，包含(基本语法、变量、关键字、保留字、数据类型、语句、函数等等)

　　2）DOM： 文档对象模型， 包含(整个 html 页面的内容)

　　3）BOM： 浏览器对象模型,包含(整个浏览器相关内容)

 

4.语法：

　　1）区分大小写

　　2）变量是弱类型的(String str=”aaa” ,var str=”123”;)　统一用var定义

　　3）每行结尾的分号可有可无(建议写上) 

 

5.javascript 运算符：

　　1）其它运算符与 java 大体一致，需要注意其等性运算符。

　　2）== 它在做比较的时候会进行自动转换。

　　3）=== 它在做比较的时候不会进行自动转换。

 

6.获取元素内容：

　　1）获取元素

　　　　document.getElementById(“id 名称”);

　　2）获取元素里面的值

　　　　document.getElementById(“id 名称”).value;

 

 

7.javascript 事件：

　　表单提交事件： onsubmit

 

8. javascripte 的输出：

　　1）警告框： alert();

　　2）向页面指定位置写入内容： innerHTML(属性)

　　3）向页面写入内容： document.write(“”)


 9.引入方式：

　　1）内部引入方式

　　　　直接将 javascript 代码写到<script type=”text/javascript”></script>

　　2）外部引入方式　　　　

　　　　需要创建一个.js文件，在里面书写 javascript代码，然后在 html文件中通过 script标签的 src 属性引入该外部的 js 文件

 

 二、BOM 对象

BOM 对象：浏览器对象模型(操作与浏览器相关的内容)

1.Window对象（表示浏览器中打开的窗口） 

　　1）setInterval():它有一个返回值，主要是提供给 clearInterval 使用

　　2）setTimeout():它有一个返回值，主要是提供给 clearTimeout 使用

　　3）clearInterval():该方法只能清除由 setInterval 设置的定时操作

　　4）clearTimeout():该方法只能清除由 setTimeout 设置的定时操作 

2.Location 对象 （包含有关当前 URL 的信息）

　　href:该属性可以完成通过 JS 代码控制页面的跳转。 

 

3.History 对象 （包含用户（在浏览器窗口中）访问过的 URL）

　　历史页面：使用 location 页面(把 href 属性值改为当前的 history) 

　　　　　go(参数)： -1 返回上一个历史记录页面； -2 返回上上一个历史记录页面， 1 进入下一个历史记录页面。 

　　　　　让按钮点击失效：onclick=”javascript:volid(0)” 

 

4.Navigator 对象 （有关浏览器的信息。 (该对象开发中不怎么常用) ）

 

5.Screen 对象 （包含有关客户端显示屏幕的信息。 (该对象开发中不怎么常用) ）