zoukankan      html  css  js  c++  java
  • JS进阶

    JS事件:

    单击事件:onClick

    改变事件:onChange

    选中事件:onSelect

    获得焦点事件:onFocus

    失去焦点:onBlur

    载入文件:onLoad

    卸载文件:onUnload

    Math.pow(a,b);得到a的了b 次方的值

    Math.round(a);得到a四舍五八后的值。

    Math.Ceil(1.01);向上取值

    Math.floor(1.9);向下取值

    Math.max(a,b,c...);从这组数中取出最大的值(最少为两个数)

    Math.random();随机生成一个0到1的随机数:

    Boolean可以将任意的内容转成boolean类型,并且都为true,但是0除外。

    其实boolean类型的本质就是0跟1;

    0---->false

    1---->true

    事件:onclick   :鼠标单击           (mouse 鼠标的意思)

          ondblclick :鼠标双击

          onkeyup  :按下并释放键盘上的一个键是触发

          onchange  :文本内容或者下拉菜单中的选项发生改变

          onfocus   :获得焦点,表示文本框获得鼠标光标

          onblur    :失去焦点,表示文本框等失去鼠标光标

          onmouseover    鼠标悬停,即鼠标停留在在图片等的上方

          onmouseout    鼠标移出,即离开图片所在的区域

          onload     网页文档加载事件

          onunload   关闭网页时

          onsubmit   表单提交事件

          onreset       重置表单时

          事件三要素语法格式:

    事件源.事件 = function()   {事件处理语句;}   //匿名函数

    -*******************************************************

    Js  可以分为行内式   内嵌式   外链式、、

    布尔型

    逻辑值  结果就是两个  ture  false

    False,undefined,null,””为false ;

    Ture , 1,”somestring”.[objrct]为ture;

    所以的数字都为真   0是假、、

    所有的字符串都事真   “”为假

    转换为布尔型。

    1.!!num 转换为布尔值

    2.Boolean()

    parseInt  取整函数

    parseInt  字符,表示要解析的数字的基数

    js 基本数据类型有那几种?

    Number ,  string , Boolean  ,  null ,  undefined

     

    有一个文本框的表单,id是txt ..请问,我们如何得到这个文本框的值?

    Docunment.getelementbyid(“txt”).value;

     

     

    更改盒子的内容

    想更改标签里面的内容:innerHTML

    只有表单才有value值、我们的div 和span 是没有value 的、

    !!两个叹号转换为布尔值。

    金字塔案例:

    <script>

       For(var i=0; i100;   i+=3) {

          Docunment.write(“<hr width = “+i+”%/>);

    )    </script>

    数组声明:

      var arr = [];    表示一个数组

      var arr =  new Array();  

    例子:var arr = [“刘德华”,”郭富城”];

    每个参数后面用逗号隔开,最后一个不跟逗号。

    每个数组里面的参数都是唯一的。这个序号我们称为索引号。索引号从0开始、    length长度比索引号大1

    给某些div更改样式;

    Divs[0].style.backgroundColor = “red”;

    This  指针。This指向的事函数的调用者  (谁调用了函数,this 就指向谁。

    三目运算符:

    表达式  ? 结果1 :结果 2   它就等价于 if else

    如果条件表达式为假,则返回结果2的值、   ---(结果只能选其中一个

    -----------------------js第四天内容-----------

    遍历数组:

    For(var i=0;i<arr.length;i++){ console.log(arr[i])  ;}

    循环 –while()   do   while      for   三个循环 

    While(条件) {}     do {}  while(条件)   

    排他思想:首先清楚所有人,再剩下我自己。

    <script>

    Var btns = document.getElementsByTaName(“button”);

    For (var i=0; i<btns/length;i++) {

    Btns[i].onclick = function() {

    For(var  j=0; j<btns.length;j++) {

    Btns[j].className = “”;

    }

    This.className = “current”;
    }

    }
    </script>

    ------------------第五天内容

    Push()   从后面追加     想数组的末尾添加一个或者多个元素,并返回新的数组长度。

    var arr = [1,3,5,7];   // 原数组
    arr.push(9);  //把 9 添加 arr 的最后面
    console.log(arr);   //  13579

    数组的常会也随之会发生改变。

    Unshift()   方法可向数组的开头添加一个或更多的元素,并返回新的数组长度。

    Pop  移出最后一个元素

    Pop()  移出最后一个元素  和push 正好相反

    返回的值是返回的最后一个值。

    而且这个pop 每次只删除一个,因为他的括号里面是没有参数的。

    输出第一个元素  shift()

    Shift  和  unshift 正好相反

    Shift 删除第一个      unshift  从第一个开始添加

    // shift 删除第一个元素    并且返回第一个值
    var arrshift = ["a","b","c"];
    console.log(arrshift.shift()); //  a
    console.log(arrshift);  // [b,c]
    arrshift.shift();  // 吧b  删掉了, 并且返回 b
    console.log(arrshift);  // 只剩下一个c

    连接数组  a.concat(b)   把a数组和b连接起来,并组成了一个新数组

    Join()将数组转换为字符串。、

    Solit()将夫妇穿转换成数组

    JavaScript 组成

    核心(ECMAScript)

    描述了JS 的语法和基本对象,比如变量区分大小写等。、

    文档对象模型  (DOM)

    处理网页内容的方法和接口   比如怎么得到某个表单的值。怎么去关闭某个div 

    浏览器对象模型(BOM)

    于浏览器交互的的方法和接口、

    getElementById(“demo”)   id为标记的#demo

    getElementsByTagName(“div”)       所有的div

    getElenmentByClassName(“one”)       所有的类名为one 的

    节点的访问  

    父级  parentNode    亲的父亲。爷爷都不算。

    兄弟节点:

       nextSibling    下一个兄弟   ie678 的写法。

       nextElementSibling   谷歌,火狐的写法。

       previousSibling       上一个兄弟,  ie678

       preciousElementSibling      火狐,谷歌、

    注意: 一定先写  nextElementSibling  ,因为谷歌认识nextSibling,但是谷歌会报错,所以我们优先执行 nextElementSibling 。

    我们想要得到所有的孩子 , 所有的, 亲生儿子 。  其他的孙子辈的不算。

    1. - children         这个是庶出       ie 发明的   我们现在用最多的。 几乎没有兼容性 。  其他浏览器都支持

    2. 因为children  再 ie678 里面  包含注释节点    要注意一下。 可以避免开的。

    -----------js第六天

    页面加载函数:window.onload = function()  {语句;}

    复习: 数组常用的方法 :  添加   删除    连接    转换字符串 ..

    push()  推   后面追加    a.push(b)    把b放到追加a 的后面   特别像   a.appendChild(b)    只不过一个是操作 数组  一个是操作 DOM .

    unshift()    a.unshift(b)  把b 放到 a数组的第一个位置上。

    pop()   后面删除    没有参数,只删除最后一个     shift() 前面删除一个 

    声明日起函数   首先  声明:

    Var  aa = new Date();          getHours     获取小时: 0-23

    getDate()   获取日   1-31       getMinutes ()         获取分钟 0-59

    getDay()    获取星期  0-6       getSeconds ()       获取秒  0-59

    getMonth()   获取月  0-11       getMilliseconds ()   获取毫秒

    getFullYear()   获取完整的年份

    setInterval(“console.log(‘你好吗’)”,1000);

    每隔一秒就去调用一次。Console.log这个语句。

    我们大部分会用函数代替:

    setInterval(fun,1000);

    js第7天

    运算级的优先级

    1    ()                                                                 括号

    2    !、-、++、--                              一元

    3    *、/、%                                                   乘除求余

    4    +、-                                                            加减

    5    <、<=、<、>=                                   小于等于

    6    ==、!=、===、!==、                           关系操作符

    7    &&                                                             与

    8    ||                                                                或

    9    ?:                                                                三木运算符

    10   =、+=、-=、*=、/=、%=        赋值        计算完毕,再给值

    0&& 1 ==0   0与任何数都是0

    0||1 == 1   0或任何数都是任何数

    定时器之  setTimeout

    srtInterval(fn,1000)        每隔1秒。就执行一次   fn 函数

    setTimeout(fn,1000)         1秒钟之后,去执行一次fn 函数。就over ;

    offfset家族。(offset偏移的意思)

    offsetWidth = width + border + padding   (就是盒子实体的大小)

    缓动动画公式

    Leader = leader + (target-leader)    /10

    Leader  盒子本身的位置    target  盒子的目标位置

    匀速动画:盒子本身的位置   +     步长

    scrollTop     scrollLeft

    这是SCROLL家族中最重要的两个。Scroll 滚动的意思

    Window.onscroll = function() {语句}

    Json对象

    Json是一种轻量级的数据交换格式,我们称之为javaScript  对象表示法。使用json 进行数据传输的优势之一。Json实际上就是javaScript

    Json就像一个配置单:var json = {age:10,name:”刘德华”}

    事件对象(event)

    用来检测我们鼠标 。距离我们电脑屏幕的距离

    拖拽效果:

    Onmouseover   鼠标经过

    Ommouseout    鼠标离开

    Onmousedown   鼠标按下

    Onmouseup     鼠标弹起

    Onmousemove   鼠标移动

  • 相关阅读:
    sql server 数据库巡检脚本
    Scala核心编程_第16章_ Akka高并发编程
    mysql临时表-两种临时表
    Scala核心编程_第15章_ scala并发编程
    Scala核心编程_第14章_函数式编程高级
    如何用 React 构建前端架构
    程序员不能一直停留在爱学习的阶段
    Spring Boot使用layui的字体图标时无法正常显示解决办法
    npm ERR! Response timeout while trying to fetch (over 30000ms)
    PostGIS9.3安装
  • 原文地址:https://www.cnblogs.com/famensaodiseng/p/6861239.html
Copyright © 2011-2022 走看看