黑马程序员技术交流社区

标题: 【石家庄校区】WEB03-JavaScript基础 [打印本页]

作者: 赵小光    时间: 2017-11-19 21:57
标题: 【石家庄校区】WEB03-JavaScript基础
本帖最后由 小石姐姐 于 2017-11-20 13:32 编辑

JavaScript是脚本语言(直接可以运行源文件)
ECMAScript        dom                bom
JS的基本语法
区分大小写
弱变量类型语言(与Java不同)
var i = 3 ;                var s = "abc";        
每行分号可有可无
变量命名和java差不多
数据类型
原始类型:
undefined:未定义类型
boolean:布尔类型
number:数字类型
String:字符或字符串
null:空
引用类型:
对象类型:默认值是null
JS的运算符
JS的运算符基本和java一样
全等于===,        全等于是类型和值都一致的情况下才为true
JS的语句
JS语句和java一样

JS通常开发步骤
JS通常都由一个触发
触发一个函数,定义一个函数
获得操作对象的控制权
修改要操作的对象的属性和值

定义函数:
function函数名称(){
//函数体
}
window.onload=function(){
}
常用事件:onclick,        ondblclick,        
onmouseover,                onmouseout(onmouseenter  onmouseleave)
onload
JS的引入方式
一种:页面内直接编写JS代码,带密码需要使用<script></script>
二种:将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可
HTML中的window对象
setInterval()        每隔多少毫秒执行某个表达式        clearInterval()
setInterval("change()",5000);
setTimeout()        隔多少毫秒执行这个表达式        clearTimeout()
setTimeout("change()",5000)
BOM对象
Window
alert()        弹出对话框
setInterval();
setTimeout()
clearInterval();
clearTimeout()
confirm();                弹出确认窗口
prompt()                弹出一个可输入的对话框
open()                打开一个新的窗口
Navigator                包含了浏览器的信息
Screen                获得屏幕的信息
History                浏览器历史对象        
back   go(-1)

Location                包含URL信息的对象
location.href="www.baidu.com";


笔记:
1.基本语法
定义变量        var 变量名  = 变量值
变量名:局部变量(定义在方法内的变量)我们以_开头
基本类型        var num=undefined
引用类型        var person=null;
控制台打印变量 console.log(变量名);
定义方法(函数)function 方法名(){}
function 方法名(name,id){}
function(){}//匿名方法,当作为方法实际参数的时候使用
方法调用
方法名();
null和undefined报错问题
2.事件
onclick
ondblclick
onmouseenter
onmouseleave
onload        在HTML文本加载完毕后请求图片资源,图片请求回来后执行onload事件
3.定时器
setInterval()
setTimeout()
4.CSS显示和隐藏的两种方式
display:block;none;隐藏后不占位
visbility:visible;hidden;隐藏后占位






欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2