首页 > 代码库 > 【2017-3-29】js语法 DOM操作
【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="http://www.mamicode.com/新打开网页的地址";
window.location.href; 获取当前页面的地址;
lacation和open的区别:在打开新的窗口的时候用window.open() 在自身打开的时候用window.location.href="";
【2017-3-29】js语法 DOM操作