02 js基础 BOM

1 js的动态函数和匿名函数
动态函数
  function getSum(){
         return 50;
      }
  js提供了内置对象  Function
  
  var add = new Function("x,y","var sum;sum=x+y;return sum;");
  var sum = add(4,5)
  alert(sum);//弹出 9

  var param1 = "x,y"
  var param2 = "var sum;sum=x+y;return sum";
  var add = new Function(param1,param2);
  var sum = add(4,5)

  function add(x,y){
      var sum;
      sum = x+y;
      return sum;
   }
  add(4,5);

匿名函数
   没有名称的函数
   var getSum = function(){
         return 100;
    };
    alert(getSum());
 
   document.getElementById("div").onclick = function(){
   
   };

2 js的全局变量和局部变量

全局变量：在<script>标签内部定义的变量，全局变量
局部变量：在函数的内部定义的变量，局部变量
<script type="text/javascript">
      var y =5;//全局变量
      function add(){
      var y = 6;//局部变量
   }
      document.write(y);//输出5

      var x =4;//全局变量
      function show(x){
      x = 8;//局部变量
   }
      show(x);
      alert(x); // 4

      var y =4;//全局变量
      function show(y){
      var x = 8;//局部变量
   }
      show(x);
      alert(x); // 8
</script>

3 js的String对象
声明
  var str = "abc";
  var str = new String("abc");
属性：length：字符串的长度
方法：
  和HTML相关的方法(书写没有提示的)
           bold()           使用粗体显示显示字符串
           fontcolor(color) 参数是必须的，设置字体的颜色
           fontsize(size)   设置字体的大小(1-7)
           italics()        斜体
           link(url)        设置链接
           sub()            下标
           sup()            上标
  和java中String对象类似的
           charAt(index)          返回指定位置的字符
           indexOf(str,fromIndex) 检索字符串，没有返回- 
           lastIndexOf(str,fromIndex) 从后向前检索字符串
           replace(要替换的字符串，替换成啥)
           substring()       截取字符串
           substr(start,stop)  截取字符串       包括start，但是不包括stop索引
           substr(start,length)  截取字符串，从哪开始，截取多长
---------------------------------------
  var str = "abc";
  document.write(str.bold());
  println(str.bold());//使用src="out.js"引入println方法
 
4 js的Array对象
声明数组
    var arr = [12,33];
    var arr = new Array(4,4);
属性
    length：长度
方法
    concat(元素或者数组);  链接  返回新的数组
    join(s)  通过s标志(-)，进行分隔，返回字符串
    pop()    删除末尾的元素，返回最后一个元素
    push()   向末尾添加元素，返回新数组的长度
    sort()   排序
-------------------------
  var arr =["1","2","3"];
  println(arr);//1,2,3
  println(arr.concat("4")); //1,2,3,4
  var arr2 =["4","5"];
  println(arr.concat(arr2));//1,2,3,4,5

5 js的Date日期对象
Date日期对象
var date = new Date(); 当前的日期

toLocaleString()      转换本地的日期格式
toLocaleDateString()  只包含日期
toLocaleTimeString()  只包含时间

toLocaleString()        转换本地的日期格式
toLocaleDateString()    只包含日期
toLocaleTimeString()    只包含时间

getDate()     返回一个月中的某一天（1-31）
getDay()      返回一周中的某一天(0-6)
getMonth()    返回月份（0-11） +1
getFullYear() 返回年份

getTime()     返回毫秒数
setTime()     通过毫秒数获取日期
var date3 = new Date(1415937050973);

6 Math和数学相关的对象
math对象（静态的方法）
ceil(x)      上舍入
floor(x)      下舍入
round(x)      四舍五入
random()      0-1的随机数

7 RegExp对象

正则表达式对象
应用：编写注册的表单，对表单输入的内容进行校验。

var reg = new RegExp("表达式");（开发中不经常使用）
var reg = /表达式/               开发中经常使用
var reg = /^表达式$/ 开发中经常使用

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

test(string) 经常使用
如果匹配，返回是true，如果不匹配，返回是false

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

 } else{  
 
  }

8 全局函数
使用全局函数，不需要任何的对象。
全局函数可以拿过来使用。
global帮着管理全局函数。

<script type="text/javascript">
     /*全局函数
          eval() 可以解析字符串，执行字符串中间的js代码
     */
     var str ="alert('hehe')";
     //alert(str);
     eval(str);
     //弹出 hehe
</script>

eval()          可以解析字符串，执行字符串中间的js代码
isNaN()        判断是否是非数字值
parseInt()      解析字符串，返回整数
encodeURI()     进行编码
decodeURI()     解析解码

9  BOM 浏览器对象模型(Brower Object Model)

Window                  窗口对象（*****）
Navigator               和浏览器版本相关的对象（**）
Screen                和屏幕相关的对象（-*）
History                 和浏览器历史相关（**）
Location                和浏览器地址相关的对象（***）

Document       文档对象

(1)Navigator 
Navigator     和浏览器版本相关的对象（**）
         userAgent     获取浏览器的相关的信息
         window.navigator.userAgent     window可以省略不写
------------------------------
点击事件
<intput type="button" value="我是按钮" onclick="run()"/>
//函数
function run(){
    //alert("hehe");  点击后弹出hehe
    alert(window.navigator.userAgent); 弹出浏览器相关的信息
}

(2)History和Location
History       和浏览器历史相关（**）
back()      返回上一个页面
forward()     去下一个页面

go()
   传参数    go(1)     等于forward()
             go(-1)    等于back()

<intput type="button" value="上一页" onclick="run2()"/>
<intput type="button" value="下一页" onclick="run3()"/>
function run2(){
    window.history.back();
 }
function run3(){
    window.history.forward();
 }
--------------------------------
Location   和浏览器地址相关的对象（***）
       href   获取和设置浏览器的路径（***）

<intput type="button" value="链接" onclick="run4()"/>
function run4(){
    location.href = "http://www.baidu.com";
}

***(3) window 对象
alert()           弹出提示框

confirm("参数")   询问框
      提供两按钮，确定和取消
      如果点击是确定，返回true，如果点击取消，返回false

moveBy()          移动浏览器

setInterval("函数",毫秒值)   定时相关的
      每隔毫秒值执行一次函数
setTimeout("函数",毫秒值)
      到了毫秒值后执行一次函数

清除定时
      clearInterval() 清除setInterval
      clearTimeout()  清除setTimeout

close()    关闭浏览器的窗口
open()     打开浏览器

属性
      opener  返回对创建此窗口的窗口的引用