• 5月12日上课笔记-js 弹出框、函数、程序调试、基本事件、浏览器对象模型


    一、弹出框
        a.提示框
            alert();
        b.输入框
            prompt();
        c.确认框
            confirm();    
            var flag= confirm("确认删除吗?");
    二、js程序调试
        先看console控制台是否报错
        浏览器debug
        alert();
        console.log();
    三、函数
        系统函数:
            parseInt(); 能够转换首字符是数字的字符串
            Number();只能转换数字的字符串
            isNaN(); is not a number //是不是非数字?
        自定义函数:
            a、funtion 方法名(参数1,参数2...){
                // return
                }
                funtion show(str,age){}
                public void show(String str,int age){
                
                }
            b. var 方法名=function(参数1,参数2...){
                    //return 值
                }
            在超链接中调用js代码
            <a href="javascript:sf();">请点击</a>
    四、js中常用的事件
        onload //页面加载完毕执行
        onclick //鼠标单击事件
        onmouseover //鼠标移上事件
        onmouseout //鼠标移开事件
        onfocus //聚焦输入框事件
        onblur //移开输入框事件
        onkeydown; //键盘按下事件
            回车事件:
                document.onkeydown=function(e){
                    if(e.keyCode==13){ //回车键
                        alert("登录!");
                    }
                }
        onchange;//下拉框切换事件
            <select onchange="alert('下拉框改变了');">
                <option>北京</option>
                <option>深圳</option>
                <option>合肥</option>
            </select>
        onsubmit;//表单提交事件
    五、浏览器对象模型
        window对象(一般省略不写)
            window.onload = function(){
            }
        常用的属性
            history
                window.history.go(-1);//返回上一个页面
                history.go(0);//刷新
                window.history.go(1);//下一个页面
            location
                location.reload();//刷新
                跳转页面:
                window.location.href = "http://www.bdqn.cn";
        常用方法:
            alert();prompt();confirm();
            打开新窗口 open();
            关闭:close();
    志存高远,脚踏实地!
  • 相关阅读:
    Spring Boot 使用actuator监控与管理
    Spring Boot入门
    mysql中update语句的锁
    LinkedList深入学习
    23种设计模式学习之享元模式
    23种设计模式学习之桥接模式
    23种设计模式学习之外观模式
    23种设计模式学习之代理模式
    23种设计模式学习之装饰者模式
    23种设计模式学习之适配器模式
  • 原文地址:https://www.cnblogs.com/benben2013A/p/7058044.html
Copyright © 2020-2023  润新知