2017-3-29js语法 DOM操作

Posted 2020-09-07 Fengbao.2333

（一）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="";