• JS基础


    1、事件:用户的动作
    鼠标事件:
    onclick:点击
    onmouseover: 鼠标放上
    onmouseout:鼠标离开
    ondbclick:双击事件
    onmousedown:鼠标按下
    onmouseup:鼠标抬起
    onmousemove鼠标移动


    表单事件:
    onfocus:获取焦点
    onblur:失去焦点
    onsubmit:提交事件
    onchange:当发生改变的时候
    onreset:重置事件


    键盘事件:
    onkeyup:键盘抬起
    onkeydown:键盘按下
    onkeypress:键盘按键一次


    窗口时间:onload事件


    页面加载完成之后立刻执行的事件
    两种方式:
    1.<script>window.onload=init/*函数名,不能加括号*/;</script>
    2.<body onload="init()"></body>

    event:保存事件发生时的相关的信息
    当事件发生的时候,event
    event.clientX:事件发生时的X的坐标
    event.clientY:事件发生时的Y的坐标
    event.target:事件源
    event:必须通过实际参数的形式传递给函数才可以用

    <input type = "button" value = "点击" onclick = "fn(event)" >

    2、修改div中的内容

    innerHTML:对象中所有的内容(文本内容和标签内容),一般指的是双标签或者容器标签
    innerText:对象中所有的文本内容

    3、窗口

    window.open("链接","name","设置");
    1.设置窗口宽度
    2.height:设置窗口高度
    3.left:新窗口到左端距离
    4.top:新窗口到顶部的距离
    5.srollbars:滚动条【yes,no,1,0】
    6.toolbar:工具类【yes,no,0】
    7.location:地址栏
    8.window.close: 关闭窗口

    4、创建定时器:

    一次性计时器:window.setTimeout("函数()",时间t)
    执行:是在时间t之后执行js代码【只会执行一次】
    时间:以毫秒为单位

    反复性计时器:window.setInterval("函数()",时间t)
    时间:以毫秒为单位
    执行:是每过时间t就会执行一次js代码【n次】

    清楚定时器:
    清除一次性定时器:window.clearTimeout(定时器名)
    清除反复性定时器:window.clearInterval(定时器名)
    注意:要想清除定时器,必须给定时器名字,匿名定时器无法清除

    5、找对象方法

    id:document.getElementById("id名");
    标签:document.getElementsByTagName("标签名")//获取的是对象的集合(数组)
    对象.getElementByTagName(标签名)
    name:document.getElementByName("name名");//form集合(数组)
    className:document.getElementByClassName("class名");//集合(数组)【firefox】
    document.images;//获取img对象(数组)
    document.links;//获取链接对象(数组)
    document.forms;//获取表单对象(数组)
    document.body;//body标签对象
    document.documentElement;//HTML对象
    event:事件信息对象
    this:当前对象

    6、登录验证:
    onsubmit:表单提交事件
    onsubmit="return 函数()"

    7、查找

    indexof()返回某个字符或字符串的位置.string.indexOf('m',5)代表从str字符串中的第5位开始以后找到m的位置.
    如果要是找不到则返回-1

    lastIndexOf()从右边往前找,也可以带数字参数,表示从哪里找

    8、截取字符串

    substring(n,m)表示从第n截取,到第m位置结束.如果没有m默认截取到最后一位,包前不包后.

    9、数组

    可以通过修改数组的length属性来清空数组。

    从后面添加数组push() arr.push()往数组最后一位加内容..push()方法是有返回值得。返回是数组的新长度

    前面添加数组unshift() arr.unshift()往数组的最前面添加内容,返回值为数组的新长度(IE6,7不支持)

    删除pop() arr.pop()表示从后面删除一个数组元素。返回值就是要删除的数组

    删除shift() arr.shift()删除数组的第一个返回值是被扔掉的值

    splice()方法
    splice(a,b,c) a表示起始位置,b表示个数,c表示要替换的值
    b要是为0表示插入,c要是什么也不写表示删除




  • 相关阅读:
    C#神奇的扩展方法
    OCIEnvCreate 失败,返回代码为 -1,但错误消息文本不可用
    xslt格式化日期的方法
    c# 对象存cookie
    Oracle Client安装报错:引用数据不可用于验证此操作系统分发的先决条件
    Web.config中设置启用webservice远程调试访问 参数看不到
    ORA-12514: TNS: 监听程序当前无法识别连接描述符中请求的服务
    IIS无法加载字体文件(*.woff,*.svg)的解决办法
    word 里面没输入法
    photoshop cc 2018破解补丁(pscc2018注册机) 附使用方法
  • 原文地址:https://www.cnblogs.com/1500418882qqcom/p/10413441.html
Copyright © 2020-2023  润新知