一、常用对话框

1、alert(""):警告对话框,作用是弹出一个警告对话框

2、confirm(""):确定对话框,弹出一个带确定和取消按钮的对话框——确定返回true,取消返回false

3、primpt("要显示的文字"):可以允许用户输入内容的对话框


二、基本语法(跟c#差不多)

1、变量

都是通用类型var,可以随便存储其它类型的值,可以直接使用,不用定义。但习惯上定义。

定义变量: var a;    //所有变量定义都用var定义,var是通用的可变类型。

var s = "3.14";

2、类型转换

    分为自动转换和强制转换,一般用强制转换。

其他类型转换为整数:parseint();

其他类型转换为小数:parsefloat();

3、运算符

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

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

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

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

4、语句

     一般分为顺序、分支和循环语句。

    (1)分支语句:  if{}else{}   if{}else{}

(2)循环for语句

5、数组

    数组的定义:new Array();    //它的长度是动态变化的,里面可以放任意类型的元素。

数组元素的赋值:a[0]=123; a[1]="hello";  //元素中的索引从0开始。

数组的取值:a[i];

数组属性:a.length;    //数组元素的个数,长度。没有count()

方法:a.sort(); //数组排序,按照每一个元素的第一个字符进行排序。

a.reverse();  //翻转数组。

6、函数

函数的四要素:名称、输入、返回值、加工。

定义函数:function add(形参){函数体}     //函数名为add,输入为参数的形式,返回值可以是var类型,也可以return一个返回值。

匿名函数:function(){函数体}

函数必须经过调用才能执行。函数的调用:add(实参)


三、Windows对象

(一)部分

●window.open("打开的地址","打开的位置")

●window.opener:打开此页面的上一个页面对象

●window.close():关闭当前页面

●window.navigate("url") 跳转至目标页面(超链接),在谷歌浏览器下有bug;(不常用)

●window.moveTo(x,y) 移动页面至某一位置,位置由x和y决定;(不常用)

●window.resizeTo(宽,高) 调整页面的宽度和高度;(不常用)

●window.scrollTo(x,y)滚动页面至哪里,y代表纵向滚动;(不常用)


(二)Window.history对象

◆window.history.back();页面进行后退;——主要记住

◆window.history.forward();页面前进;

◆window.history.go(n); n如果是正数则代表前进n个页面,n如果是负数则代表后退n个页面,一般常用这一种。


(三)Window.location对象

location地址栏

■window.location.href="http://www.baidu.com";修改页面地址,会跳转页面(超链接)——主要记住


四、Windows对象——window.document对象

它可以将Html中的元素提取到js里面,然后对它进行各种各样的操作

它是js中的核心中的核心

(一)取元素

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

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

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

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

注:根据id和classname最好用

(二)操作内容

1、普通元素

取值:alert(a.innerHTML)——会将元素内的所有内容,包括元素标记都取出来

alert(a.innerText)——只取里面的文字,忽略所有被编译元素

赋值:a.innerHTML = "<font color=red >hello world </font>"——如果内容有元素,编译后实现

a.innerText——会将赋的东西原样呈现

2、变单元素

取值:var t = document.f1.t1——form表单ID为f1里面的ID为t1的input;

var t = document.getElementById("id")—— 直接用ID获取。

alert(t.value)——获取input中的value值;

赋值: t.value="内容改变";

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


(二)操作属性

1、添加、修改属性

对象.setAttribute("属性名","属性值")——如果没有此属性会添加进去,相反,会修改此属性的值

2、获取属性:

对象.getAttribute("属性名")——获取属性的值;

3、删除属性:

对象.removeAttribute("属性名")——移除一个属性。


(三)操作样式

1、添加、修改样式

对象.style.样式名称=值
2、获取样式

var  ....=对象.style.样式名称


(四)相关元素操作——写通用特效用

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

▲var b = a.nextSibling——找a的下一个同辈元素,注意包含空格;

▲var b = a.previousSibling——找a的上一个同辈元素,注意包含空格;

▲var b = a.parentNode——找a的上一级父级元素;

▲var b = a.childNodes——找出来的是数组,找a的下一级子元素;

▲var b = a.firstChild——第一个子元素,lastChild最后一个,childNodes[n]找第几个;

▲alert(nodes[i] instanceof Text);——判断是不是文本,是返回true,不是返回flase,用if判断它的值是不是false,可以去除空格。


五、事件

1、onclick:鼠标单击触发

     ondblclick:双击触发

2、onmouseover:鼠标移动上面触发

     onmouseout:鼠标离开时触发

3、onblur:失去焦点时触发

     onfocus:获得焦点是触发

4、onkeyup:按键抬起来的时候触发

补:1、获得某个元素的当前高度、宽度......   ——offsetheight、offsetwidth、offset什么.......

      2、浏览器尺寸改变触发的事件:window.onresize

JavaScript复习的更多相关文章

  1. JavaScript(复习总结)

    一.三个常用对话框 1.alert(""):警告对话框,作用是弹出一个警告对话框(最常用) 2.confirm(""):确定对话框,弹出一个带确定和取消按钮的对 ...

  2. javascript 复习代码

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  3. JavaScript复习笔记——字符串

    String构造器可以使用new调用,也可以不使用,但是,这两种调用的结果也是完全不一样的.用new调用的时候,String作为构造器函数,创建字符串对象.不使用new的时候,String用作一个常规 ...

  4. JavaScript复习之--javascript数据类型隐式转换

    JavaScript数据类型隐式转换.一,函数类    isNaN()    该函数会对参数进行隐式的Number()转换,如果转换不成功则返回true.    alert()    输出的内容隐式的 ...

  5. javascript复习笔记

    /* Javascript:用来在页面中编写特效,和HTML.CSS一样都是有浏览器解析 Javascript语言: 一.JS如何运行(javascript,jscript,vbscript,appl ...

  6. JavaScript复习总结一(入门)

    总是执着想学各种框架,但忘了基础学好才最重要.每次打开菜鸟教程想重温基础内容,然后就像翻开英文字典,永远在abandon...还是需要做个笔记. 一来加深学习印象,二来等下次打开学习可以知道自己上次学 ...

  7. JavaScript复习大纲

    1. HTML.CSS和JavaScript各自在网页设计中的作用. 1.HTML生成结构. 2.CSS样式美化. 3.JavaScript的作用: (1) 操作HTML及CSS,让网页具有动态行为. ...

  8. JavaScript复习 1

    概括及使用方法: JavaScript编写规范 一般放在<head>-</head>中间 逐行被执行,越短越好 大小写敏感 语句是基本单位 通常以分号表示语句结束 多行语句可以 ...

  9. javascript复习总结

    改变HTML内容:document.getElementById(id).innerHTML = new HTML; 改变HTML属性:document.getElementById(id).inne ...

随机推荐

  1. PHP跨域jsonp方式

    <?php header('Access-Control-Allow-Origin:*');//注意!跨域要加这个头 上面那个没有 $arr = array ('a'=>1,'b'=> ...

  2. 在虚拟机中,设置centos7静态ip

    https://blog.csdn.net/qq_34182808/article/details/80065908

  3. python之三元表达式、列表推导式、生成器表达式、递归、匿名函数、内置函数

    一 三元表达式.列表推导式.生成器表达式 一 三元表达式 name=input('姓名>>: ') res='SB' if name == 'alex' else 'NB' print(r ...

  4. STM32 FSMC使用笔记

    最近在使用STM32的FSMC与FPGA做并行通信总线控制,做一下总结 1,利用FSMC读取写入16位数据时的封装函数如下,不这样使用的话在与FPGA进行通信的过程中可能会出现不可预知的错误. #de ...

  5. nginx上配置phpmyadmin

    Nginx配置phpmyadmin流程如下: 一.准备软件和环境(这里我以ubuntu16.04为例) 1.安装php7.1 sudo LC_ALL=C.UTF- add-apt-repository ...

  6. 传统C/S软件的"断骨增高"

    前言: 由于院内临床业务需要高频强功能的用户界面互操作性要求,使得在HIT行业中存在大量的C/S型软件,尽管B/S软件应用范围正在扩大,但在很多场景中,C/S软件仍然顽强的生存和发展着. 不过随着行业 ...

  7. 封装的通过微信JS-SDK实现自定义分享到朋友圈或者朋友的ES6类!

    引言: 我们经常在做微信H5的过程中需要自定义分享网页,这个如何实现呢?请看如下的封装的ES6类及使用说明! /** * @jssdk js对象,包括appId,timestamp,nonceStr, ...

  8. docker(六) 使用docker-maven-plugin插件构建docker镜像(已过时)

    可以参考博客:https://blog.csdn.net/aixiaoyang168/article/details/77453974 docker-maven-plugin官网推荐在新项目中使用do ...

  9. Django中的From和ModelForm

  10. Shell命令-线上查询及帮助之man、help

    线上查询及帮助 - man.help 1.man:获取命令的帮助信息 man命令的简单介绍 man命令是Linux系统中最核心的命令之一 ,因为通过它可以查看其它Linux命令的使用信息.当然了 ,m ...