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