zoukankan      html  css  js  c++  java
  • 【2017-3-29】js语法 DOM操作

    (一)Js简单介绍

    1.  进行数据运算   控制浏览器的一些功能   控制元素(属性,样式,内容)

    2.  Js的引用位置:

        内联Js  -  可以仿放在html文件的任意位置,推荐放在html的外面,页面的最底部

        外部Js  -  将Js代码写到一个以Js结尾的文件中去,在将这个文件引用到html文件中去

        内嵌Js

    (二)Js内容

    1.基本数据类型:

      字符串     var a = 'aaaa';  --  单引号,双引号都可以

        小数       var a = 1.2;

      整数        var a = 2;

        时间日期  var  a = new Date();

      布尔类型  var a = ture/false

    2.数据类型转换

      其他类型转换成整数:parseInt();

      其他类型转换成小数:parseFloat();

      判断是不是数字:isNaN();   是数字的话返回false  不是数字的话返回true 

    3.输入输出语句:

      prompt() -  输入语句

      alert() - 输出语句

    4.运算符:

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

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

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

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

    5.数组:

      Js中没有集合,只有数组

      数组的定义:new Array():他的长度不是固定的,里面可以放任意类型的元素

      赋值:  var a = new Array() ;      a[0] = 10;   根据下标

      取值:a[1];

      长度:.length;

      方法:a.sort() 数组排序,按照第一个字符排序  a.reverse()   数组翻转

    (三)DOM操作

    1.用ID获取元素

    var a = documentElementById('id');

    a.onclick = function(){       ----  触发点击事件后的操作

      执行的语句

    }

    2.Window.open('第一部分','第二部分','第三部分','第四部分')    4个部分,可以只填写第一个,后面可以默认不填写 ,都是字符串类型,注意''

      '第一部分'  ---  新打开页面的网址

      '第二部分'  ---   打开的方式。默认_break是打开新的网址  ,_self 在自身打开

      '第三部分'  ---  控制打开窗口的格式    width  宽度  height  高度  left  打开的窗口距离左边的距离  top  打开的窗口距离顶部的距离
      window.open 有返回值,返回值是新打开的窗口对象,可以用返回值对新打开的窗口进行数据操作

      window.opener  打开父网页  window.opener.close    关闭父网页

    3.window.close  关闭当前网页

    4.调整页面的大小

      window.moveTo(x,y);移动页面到某一位置,针对ie浏览器,位置有x,y决定

      window.resizeTo(宽,高):  调整页面的宽高,针对ie浏览器  

      window.scrollTo(x,y); 滚动条会根据y值发生变化,如果是300,就是下移300px;

    5.window.history.go(n);

      n如果是正数,表示前进几个网页,负数表示后退几个网页,相当于浏览器上的前进后退

    6.window.location    

      window.location.href="新打开网页的地址";

      window.location.href;  获取当前页面的地址;

    lacation和open的区别:在打开新的窗口的时候用window.open()   在自身打开的时候用window.location.href="";

  • 相关阅读:
    立体匹配中宽基线与窄基线的定义
    基于MST的立体匹配及相关改进(A Non-Local Cost Aggregation Method for Stereo Matching)
    Object Removal by Exemplar-Based Inpainting 概括(附源码)
    使用matlab进行空间拟合
    C# 控件 DevExpress的DateEdit设置显示日期和时间
    C#获取当前程序运行路径的方法集合
    《Entity Framework 6 Recipes》中文翻译系列 (14) -----第三章 查询之查询中设置默认值和存储过程返回多结果集 (转)
    《Entity Framework 6 Recipes》中文翻译系列 (13) -----第三章 查询之使用Entity SQL
    《Entity Framework 6 Recipes》中文翻译系列 (12) -----第三章 查询之使用SQL语句 (转)
    《Entity Framework 6 Recipes》中文翻译系列 (11) -----第三章 查询之异步查询 (转)
  • 原文地址:https://www.cnblogs.com/hanqi0216/p/6648505.html
Copyright © 2011-2022 走看看