js入门

1、javascript  :
    what:基于对象，事件驱动的弱类型脚本语言
        弱类型：  在定义变量之前。不需要定义数据类型
        从哪里引入：一般都是在body结束之前
2、三种引入的方式：
    1、内部
    2、外部
    3、html时间触发
 

<script> alert("这是内部引入方式"); </script>  <script src="2.js"> </script>  <input type="button" value="登陆" onClick="alert('这是html事件触发')" />

3、js数据类型：
undefined：未定义类型
null：空
boolean：布尔
String：字符串
Number：数字类型


4、变量的定义
var 变量名（命名规则与java一致）


查看一个变量的数据类型方法
typeof（变量名）然后调用弹出（alert即可查看）


5、js组成部分
1、ECMAScript：核心语法
2、DOM：Document Object Model文档对象模型
3、BOM：Browser Object Model浏览器对象模型
6、html文档解析顺序是从上到下


7、js中不存在重载；后面的函数会覆盖前面的函数
因为js在加载代码的时候先加载函数，相同名字的后面的覆盖前面的
当调用一个函数给的参数多余或者等于函数的参数，
那么这个函数会取自己需要的参数并返回结果
如果小于函数所需的参数，则会输出NaN（不是数字的数字类型）


//函数的定义

function add(x,y){return x+y;}document.write(add(3,4)+"<br />")   //NaNfunction add(x,y,z){return x+y+z;}document.write(add(3,4)+"<br />")          //NaN

//匿名函数 add=function(x,y){ return x+y;}document.write(add+"<br />")//function(x,y){return x+y;}//函数的自调用add1=function(x,y){return x+y}(3,4);document.write(add1+"<br />")//7

8、在js中，对于一个变量如果只是重复定义，没有赋值。（那么就相当于没有重定义


）
例如：

for(var i=0;i<10;i++){document.write(i+"<br />") }var i;document.write(i+"<br />")//结果为10;

9、类型转换的方式
1、隐式转换

+ 变成字符串
— * / % 变成数字
++ -- 变成数组
>< 数字的比较，字符串的比较
！ 取反    把右边的数字变为布尔型
（当var a=!x；当x不等于0或者“”的时候,a为false）

var d=1;document.write(Boolean(d)); //true

2、强制转换
    

  1)var a="adc123"document.write(parseInt(a)+"<br />");//NaNdocument.write(typeof(parseInt(a))+"<br />")//Number      2)var a="123abc"document.write(parseInt(a)+"<br />");//123document.write(typeof(parseInt(a))+"<br />")//Number

解释：对于a的解释是从前面开始的，第一个解释到a就报错
10、严格模式  关键字是 "user strict" ;

11.练习：空心实心菱形的输出

<script>function b(n){half=(n-1)/2;for(var i=-half;i<=half;i++){for(var j=1;j<=n;j++){document.write(j>Math.abs(i)&&j+Math.abs(i)<=7?"*":"  ");}document.write("<br/>");}}b(7);</script>

<script>function a(n){half=(n-1)/2;for(var i=-half;i<=half;i++){for(var j=1;j<=n;j++){document.write((j+Math.abs(i))%n==0||(j-Math.abs(i))==1?"*":"  ");}document.write("<br/>");}}a(7);        </script>