码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-06-21 11:32:10      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:ber   输入   load   调试   表单提交   parse   div   关闭   func   

一、弹出框
    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();

 

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

标签:ber   输入   load   调试   表单提交   parse   div   关闭   func   

原文地址:http://www.cnblogs.com/benben2013A/p/7058044.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!