• JS整理


    JavaScript是脚本语言

    常用对话框:

    alert()——警告对话框,作用是弹出一个警告对话框

    confirm()——带确定和取消按钮,返回True或false

    prompt()——弹出一个可以输入内容的对话框

    JavaScript语法

    基本数据类型与C#基本一样,万能变量var——可以随便存储其它类型的值,可以直接使用

    显式转换:

    parseint()——转换为整数

    parsefloat()——转换为小数

    运算符:与C#一样

    数学运算符:+ - * / % ++ --;

    关系运算符:==  !=  >  >=  <  <=;

    逻辑运算符:&&  ||  !;

    其它运算符:+= -= *= /= %= ?:

    分支语句:

    if...else

    循环语句:

    for()

    数组:

    new Array();——类型固定,长度不固定

    数组属性:a.length;数组元素的个数

    函数:

    function 函数名(参数){}

    function(){}——匿名函数

    window对象:

    window.open("打开的网址""打开的位置")

    window.opener——打开此页面的上一个页面

    window.close()——关闭当前页面

    window.navigate("url")——超链接功能

    window.moveTo(x,y)——移动浏览器至某一位置

    window.resizeTo(x,y)——设置浏览器的宽高

    window.scrollTo(x,y)——锚点功能

    定时器:

    window.setTimeout(function(){},间隔执行的时间)——等待多久后执行,仅执行一遍

    window.setInterval(function(){},间隔执行时间)——每隔多长时间执行一次,不会停止

    window.history:

    window.history.back()——页面后退

    window.history.forward()——页面前进

    window.history.go(n)——前进后退,n为正数则前进n个页面,为负数则后退n个页面

    window.location.href="url"  ——超链接,主要

    window.status——操作页面底部工具条的对象

    window.document:

    docunment.getElementById("id");根据id找,最多找一个;

    docunment.getElementsByName("name");根据name找,找出来的是数组;

    docunment.getElementsByTagName("name");根据标签名找,找出来的是数组;

    docunment.getElementsByClassName("name") 根据classname找,找出来的是数组;

    操作内容:

    普通元素:

    1.innerHTML:赋值:

    var a= document.getElementById("id");

     a.innerHTML = "<h1>aaaaaaa</h1>";

    有<h1></h1>元素标记会被编译

    取值:会将此元素内的所有内容包括元素标记都取出来

    2.interText

    赋值:会将赋的东西原样呈现

    取值:只取文本内容

     表单元素:所有表单元素取值赋值全用value

    操作属性:

     添加修改属性:对象.setAttribute("属性名","值")

    如果没有此属性,那么会添加进去
    如果已经有了此属性,那么会修改此属性的值

    删除属性:对象.removeAttribute("属性名")

    获取属性:对象.getAttribute("属性名")

    操作样式

    添加、修改样式:对象.style.样式名称=值

    获取样式:对象.style.样式名称

    相关元素

    var a = document.getElementById("id");

    取同辈的上一个和下一个元素:

    var b = a.previousSibling,找a的上一个同辈元素

    var b = a.nextSibling,找a的下一个同辈元素

    取父级元素:var b = a.parentNode,找a的上一级父级元素

    取子级元素:childNodes[n]找第几个

    注意:回车和空格都算作一个元素

  • 相关阅读:
    Dubbo框架——整体架构
    ie8不支持的数组方法
    前端面试问题
    Cookie和WebStorage的区别
    flex部局 API
    组合继承介绍
    克隆节点
    键盘事件
    js动态创建元素和删除
    js中的节点属性 和上下级访问关系
  • 原文地址:https://www.cnblogs.com/ShenG1/p/5911349.html
Copyright © 2020-2023  润新知