2016/2/21 JavaScript简介
1，javaScript 是什么？
是脚本语言，需要有宿主文件，它的宿主文件是HTML文件。
2，它与Java什么关系？
没有什么直接的关系，Java是Sun公司（被Oracle收购了），
netspace（网景公司，美国在线收购），JScript是微软的，
与Java相似度90%，但一些功能只在IE上使用。
3，它的用法:
在HTML中位置有三块：
①head里面 ②body里面 ③</html>之后
为了保险起见，一般写在</html>之后。
<script.language="javascript">代码必须放在这里面</script>
4,三个常用对话框：
①alert（“”）警告对话框，作用是弹出一个警告对话框。
②confirm（“”）确定对话框，作用是弹出一个可供选择的确定对话框，点 击确定之后，它返回ture，点击取消返回false，可以用变量来接收。
③prompt（“要显示的提示文字”），作用是弹出一个可以输入内容的对话 框。
二、JavaScript语法
1，基本数据类型
字符串、小数、整数、日期时间、布尔型等。
2，变量：
都是通用型var，可以随便存储其他类型的值，可以直接使用，不用定义。但习惯定义。
定义变量：var a； //所有变量定义都用var定义，var是通用的可变类型。
var s=“3.14”； var n=parseFloat（s）；s+=5；
var d=parseInt（s）；
3，数组：
数组的定义：new Array（）；//它的长度是动态变化的，里面可以放任意类型的元素。
数组元素的赋值：a[0]=123; a[1]="hello";//元素中个索引从0开始。
数组的取值：a[i];
数组的属性：a.length; //zz数组元素的个数，长度。
方法：a.sort();//数组排序，按照每一个元素的第一个字符进行排序。 a.reverse();//翻转数组。
4，函数：
函数的四要素：名称、输入、返回值、加工。
定义的函数：function add（参数）{函数体}//函数名为add，输入为参数的形式，返回值可以是var类型，也可以return一个返回值。
函数必须经过调用才能执行。函数的调用：add（实参）。
*放在头部也可以读取（最先读取头部）
表单提交时会自动刷新网页，最好关掉
写法：
1、输出
<script>
document.write("hello world");
</script>
2,按钮运用
<input name="alert" value="alert" type="button" onclick='alert'("这是出发事件")/>
3,定义变量并输出
var bianliang；
bianliang=“123”；
document.write(bianliang)；
4、改变元素的属性
<p id="hello">hello</p>
<script>
function hello()
{
x=document.getElementById（“hello”）
x.style.color="#ff0000";
}
</script>
<input type="button" value="点击变颜色" onclick=“hello()”/>
<!--点击由黑色变红色-->
5、item索引，指示第n个出现的元素，与getElementsByName同时使用
定义一组变量
var student={
name：“张三”
sex：“男”
}；
student.name="张三"；
doucument.write(student.name);
(表示打印张三)
<script src=""></script>
1,类型转换：
分为自动转换和强制转换，一般用强制转换。
其他类型转换为整数：parseint（）；
其他类型转换为小数：parsefloat（）；
判断是否是一个合法的数字类型：isNaN（）；
是数字的话返回false，不是数字的话返回ture。
示例：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>无标题文档</title> 6 </head> 7 8 <body> 9 <p id="p">今天天气不错</p><input name="" type="button" value="点击使文字消失" onclick="visible()" /><input name="" type="button" value="点击使文字显示" onclick="visible1()" /> 10 </body> 11 </html> 12 <script type="text/javascript"> 13 var aa= prompt("请输入一个正整数","例如5"); 14 if(aa!=null && aa!="") 15 { 16 var b = isNaN(aa); 17 alert(b) 18 } 19 function visible() 20 { 21 var a =document.getElementById("p"); 22 a.style.visibility="hidden"; 23 } 24 function visible1() 25 { 26 var a =document.getElementById("p"); 27 a.style.visibility="visible"; 28 } 29 </script>
prompt("请输入数字"，“只能是数字”)；
需要将prompt放进isNaN方法内
2.运算符：
数学运算符：+-*/%++--;
关系运算：== ！= >= <= ><;
逻辑运算符;&& || !;
其他运算符：+= -= *= /= %= ? :
3,语句：
一般分为顺序、分支和循环语句。
（1）分支语句if：
if(判断条件)
{
满足条件要执行的语句
}
else
{
不满足条件时执行的语句
}
（2）循环for语句：
for（初始条件；循环条件；状态改变）
{
循环体
}
（三）问题类型：穷举、迭代。
（四）两个关键词：break和continue。
（五）如果要输出某一参数的值:输出的值是“+a+”和“+b”
<script>function visiblel()
{
$("p").hide(); // 有问题
$(function(){ /*code here*/ }) 这种写法是jQuery中常见的，$其实就是jQuery的一个引用，作用和jQuery(function(){ /*code here*/ }) 一个含义。
只有引用jquery $符才真正有作用
};</script></head><body><input type="button" onclick="visible1()"
value="点这里让文字消失"/><p>我会消失</p>
$("id1")相当于document.getElementById("id1")(文件.得到元素通过id)
1，DOM的基本概念
DOM是文档对象模型，这种模型为树模型； 文档是指标签文档；对象是指文档 中每个元素；模型是指抽象化的东西。
2，Windows对象操作
一，属性和方法：
属性（值或者子对象）：
opener：打开当前窗口的源窗口，如果当前窗口是首次启动浏览器打开的，则opener是null。
dialogArgument：对话框返回值。
子对象：history location status menubar toolbar等
方法（函数）：事件（事先设置好的程度，被触发）。
二、Window.open("第一部分"，“第二部分”，“第三部分”，“第四部分”)
Window.open的特征参数:
name 像分组
jquery 动画特效
onmouseover 放上时 变亮 点击那张 滚到最中间
css样式
圆盾
1 prompt 要加条件if &&
2 $
3wschool 自学自查
