JavaScript总结

1、JavaScript
    是一种直译式的脚本语言
2、脚本语言
    java源代码 ->编译为字节码文件.class ->在java虚拟机中运行
    脚本语言: 源码 -> 解释执行 (js由我们的浏览器来解释执行)
    HTML:决定页面的框架,数据的初始化和显示
    CSS:美化我们的页面
    JS:提供用户交互和数据传输功能
3、JS的组成
    ECMAScript 统一的标准,核心部分,定义了JS的语法规范
    DOM(document object mode)文档对象模型,用于管理界面
    BOM(browser objectmode)浏览器对象模型,前进、后退、页面刷新、
                            地址栏、历史记录、屏幕宽高
4、JS语法
    变量弱类型 var i = true;
    区分大小写
    语句结束后的分号,可有可无
    写在script标签中
5、JS数据类型
    基本类型
        数值 Number
        字符串 String
        布尔型 Boolean
        空值 Null
    引用类型
        对象,内置对象
    类型转换
        js内部自动转换
6、=== 
    全等号,值与类型都需相等
7、JS的输出
    alert(); 直接弹框
    document.write(); 向页面输出
    console.log();  向控制台输出
    
    获取页面元素 document.getElementById("id名称");
    innerHTML 向页面输出
    
    JS声明函数
        var 函数的名称 = function(){
            
        }
        function 函数名称(){
            
        }
8、JS的开发步骤
    确定事件
    通常事件触发一个函数
    函数里面通常都会去操作页面元素,做一些动作
9、轮播图循环播放
    需求:一组图片,每隔三秒切换一次图片
        事件 onload
        触发 init()
        init()
            开启计时器:执行切换图片的函数changImg()
        changeImg()
            获得切换图片的元素
10、页面定时弹出广告
    需求 每隔5秒弹出一次广告
        定时器
        显示广告 
        隐藏广告
    确定事件 页面加载完成的时间 onload
    触发函数 init()
    内容
        1、启动一个计时器
        2、显示广告,五秒后关闭广告
11、表单校验
    onfocus 获得焦点事件
    onblur 失去焦点
    onkeyup 按键抬起
12、知识点总结
    setInterval("", )
    setTimeout("", )
        以上都是用来间隔某毫秒后执行某代码,其会返回一个timerID
    clearInterval(timerID)
    clearTimeout(timerID)
        将计时器为timerID的关闭
    
    table.rows 获取table的所有行的数组
    row.bgColor 行的背景色属性
    
    document.getElementById("") 通过id获取元素
    document.getElementsByName("") 通过name的值获取一组元素
    document.getElementsByTagName("") 通过标签属性获取一组元素
13、省市联动效果
    DOM 文档对象模型
        onchange 改变事件
        document.createElement() 创建元素节点
        document.createTextNode() 创建文本节点
        .appendChild() 添加子节点
        .options.length 修改下拉列表元素长度
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值