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();
时间: 2024-10-10 20:35:30

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

5月11日上课笔记-js简介

一.js 1.javascript简介: 是一门脚本语言(弱类型编程语言)(php是脚本语言) 编程语言如java,先编译后运行 脚本语言不需要编译 作用: 表单验证 页面特效 语法:和Java类似,但是和Java没有关系 组成部分: ECMAScript (语法核心) *DOM(html xml,类似xml的document) BOM(浏览器对象模型) 基本结构(最好放在最后的</body>之上): <script> </script> 2.语法: 输出:docume

5月15日上课笔记-js中 location对象的属性、document对象、js内置对象、Date事件对象、

location的属性: host: 返回当前主机名和端口号 定时函数: setTimeout( ) setInterval() 二.document对象 getElementById(); 根据ID值获取一个DOM对象 getElementsByName(); 根据name属性值获取多个Dom对象 getElementsByTagName(); 根据标签获取多个DOM对象 获取标签体内容 innerHTML 获取input的value值 value 获取下拉框选中的值 value this 代

5月16日上课笔记-js中DOM操作

一.DOM操作 DOM节点的操作 增加 删除 修改 节点的信息: nodeName 获取节点的标签名 parentNode 获取父节点 childNodes IE忽略回车换行,chrome回车换行是文本节点 nodeType 节点类型: 1:元素节点 3:文本节点 9:document节点 2:属性节点 firstChild(支持IE浏览器) || firstElementChild(支持谷歌浏览器) //获取第一个子节点 var fc = ulDom.firstElementChild ||

5月17日上课笔记-js面向对象

二.js面向对象 js创建对象: var 对象名称 = new Object(); person.name = "小明"; //姓名 person.age = 18; person.location = "合肥"; person.showName = function(){ alert(this.name); } //调用属性 //alert(person.name); person.showName(); 字面量创建对象: JSON格式 var person={

一周第一次课(3月12日)笔记

一周第一次课(3月12日)笔记1.1 学习之初 1.2 约定 1.3 认识Linux 1.4 安装虚拟机 1.5 安装centos71.1 学习之初学习linux的目的:想在杭州找到一份Linux的相关工作(运维.开发),通过课程打下坚实的Linux基础.学习方法:预习和复习的重要性.当日事当日毕.记笔记.利用好资源1.2 约定学习所需环境(本人使用):CentOS 7.4.VMware Workstation Pro 14.puTTY 0.70.Xshell 5学习辅助工具:1.3 认识Lin

bootstrap中popover.js(弹出框)使用总结+案例

bootstrap中popover.js(弹出框)使用总结+案例 *bootstrap官方说明:http://v3.bootcss.com/javascript/#popovers 一. popover常用配置参数: 1 //常用配置参数: 2 $(document).ready(function() { 3 $('#temp').popover( 4 { 5 trigger:'click', //触发方式 6 template: '', //你自定义的模板 7 title:"标题",

JS弹出框、对话框、提示框,JS关闭窗口、关闭页面和JS控制页面跳转

一.JS弹出框.对话框.提示框 //====================== JS最常用三种弹出对话框 ======================== //1弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //2弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { a

ABAP分享一 弹出框函数的简单示例

在开发中经常会使用到弹出框这个功能,在SAP中有很多函数可以实现类似的功能,这里介绍一个比较简单常用的函数  POPUP_TO_CONFIRM 下面是一个实现的简单示例: TABLES sscrfields. DATA: qus TYPE string,           ans TYPE c.    " 根据用户的操作会有三个值   1   是   ,  2   否  ,  A   取消 SELECTION-SCREEN:BEGIN OF BLOCK abs WITH FRAME TITLE

吐槽JS弹出框插件

一个弹出框插件,多层弹出,最重要的事情是什么?就是不管多少层,全部弹出框都可以弹出到框架最顶层,也就是top层(为什么?因为页面复杂,我要最大化!),能方便的找到弹出框里面的页面以便父窗口操作弹出框中的内容,在弹出框内的页面,能方便找到父页面(注意,不是框架最顶层),能方便操作父页面的内容.也许你会觉得页面之前耦合严重,我告诉你,这样最简单最方便最灵活最随心所欲学习成本最低!多少高手都不明白这个道理.