转型学习心得_js笔记

这是我学习所做的笔记，同时我也会将我完成的事例公布出来。并且结合我自己的学习心得进行讲解

JS与java不同 

1、js基于对象，java面向对象
2、js解析就能执行，java先编译再执行。
3js是弱类型的语言，java是强类型的语言。


js组成
ECMAScript
BOM
DOM


JS语法
关键字 var function
标识符
注释  // /**/
变量 
var 声明变量
JS的基本数据
String 字符串类型
*var str ="abc"; var str ='abc'
Number 数字类型
Boolean 布尔类型
Null 空
Undefined  未定义（声明没有复制）
typeof()  判断变量的类型

js的运算符
alert(true+1)；  //2
==      比较值
===比较值和类型


*js的语句
if(num == 4){
alert("ss");
}
for(var i=0; i<4;i++){
document.write("str"+"<br/>");
}


*js的数组
*声明数组的两种方式
var arr =[22,33];
var arr =new array(4);长度
var arr = new Array(4,5);元素


*lenth 数组的长度
*JS的函数
#声明函数 function
function 函数名称（参数列表不能使用var关键字){
函数体;
return; 返回值没有可以不写
}


function getSum(){
return 100;
}


var sum = getSum;
sum();


*JS的动态函数和匿名函数
*动态函数


function getSum(){
return 50;
}

JS提供了内置对象  Function(大写为内置对象)
*JS全局变量和局部变量
*全局变量：在script便签内部定义的变量，全局变量
for (var int = 0; int < 3; int++) {
document.write(int);
} 在另外一个script中依旧可以使用，整个文件夹可以使用；


*局部变量：在函数的内部定义的变量，为局部变量
ex:function add(){ var y =5;} //局部变量


var x =4;//全局变量
function show(x){
x=8;//局部变量
}
show(x);
alert("x="+x);  结果等于4;


*javascript的对象和API
*String对象
#声明
var str ="abc";
var str= new String("abc");


#属性：length：字符串的长度
#方法：
*和HTML相关的方法（书写没有提示的）
#bold() 使用粗体显示字符串


*和java中String对象类似的
#charAt(index)  返回制定位置的字符
#indexof(str,from) 检索制定字符位置
#replace(要替换的字符创，替换成啥)   //(/正则表达式
#substr(start，end)      截取字符串，
#substring(start,length)     截取字符串
//把为本内容写入到
ex: var str ="abc";
//alert(str.length);
function println(str){document.write(str+"<br/>");
}
println(str.bold());
function mybold(str){
var result ="<b>"+str+"</b>";
return result;
}
println(str.fontcolor("red"));




#java中的array方法[]数组
     #方法:
      concat(元素，数组);
      join(s);  //在元素之间加入S
      POP       //删除并返回数组的最后一个元素
      push    //向末尾添加元素，返回新数组的长度；
#声明数组
var arr= [12,33];
var arr =new array(4,4);
ex:
var arr =["NBA","CBA"]
PRINTLN(arr.concat("WWE"));//在后面加入WWE concat(元素，数组);
sort  排序
Date日期对象
var date =new Date();
toLocaleString()  转换成本地日期格式
toLocale
#RegExp对象
正则表达式对象
#应用，板鞋注册的表单，对表单输入的内容进行校验。
#var reg = new RegExp("表达式");//开发中不经常使用
#var reg =/表达式/    //经常使用
var reg=/表达式/


*exsc(string)    不经常使用
#如果匹配，返回匹配的结果

*text(string)      经常使用
#如果匹配返回的是true，如果不匹配，返回时false。


if(reg.test("abc")){
//匹配上了
}else{


}


*全局函数
#使用全局函数，不需要任何对象。
#全局函数可以拿过来使用。
global帮着管理全局函数
#eval可以打印解析出字符串


var str ="alert("hehe")";
alert(str);  //打印出alert("hehe")
eval(str);   //打印出hehe


isNaN()用于检查其参数是否是非数字值。
parseInt()解析字符串并转回整数
encodeURL()   跳转时整体使用进行编码
decodeURL()  解析解码
encodeURLComponent()   传递参数需要进行编码
decodeURL()  解析解码






*BOM浏览器对象模型
*(Brower object Model)
 windows 窗口对象
 Navigator 和浏览器版本相关对象
 Screen 和屏幕先关对象
 History 和浏览器理事相关
 Location 和浏览器地址相关的对象


 document      文档对象
/*
图片的随机移动 
#加载时间
οnlοad="run()"//作用在body标签上
 */
 function run(){
 document.getElementById("divId").style.top=Math.random()*300+"px";
   document.getElementById("divId").style.left=Math.random()*500+"px";
   window.setTimeout("run()",1000);
 }
*DOM文档对象模型