【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 对象 (包含有关客户端显示屏幕的信息。 (该对象开发中不怎么常用)

原文地址:https://www.cnblogs.com/wujiaolv/p/8407484.html