黑马程序员技术交流社区
标题:
【石家庄校区】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