IIEF-立即调用函数表达式

(function(){ /* code */ }()); // 老道推荐写法(function(){ /* code */ })(); // 当然这种也可以

(function(test){

alert(test);

}(123));

         offsetWidth：
      获取的是盒子最终的宽
      offsetHeight:
      获取的是盒子最终的高

截屏图片部分

立即调用的函数表达式

 window.onload表示页面的所有元素和资源加载完毕才触发执行function匿名函数中的内容
   onload是dom范畴的其中一个部分内容

1. window.onload function() 加載完網頁執行

2. var imgWidth = imgs[0].offsetWidth;通过offsetWidth可以获得图片的宽度；offsetWidth 属于dom样式设置的内容

3. parseInt(imgs[j].style.left,10) imgs[j].style.left的值含有单位px不能直接数值运算，需要先转化为数字，通过parseInt()来进行转化
   

 window.onload表示页面的所有元素和资源加载完毕才触发执行function匿名函数中的内容
   onload是dom范畴的其中一个部分内容

实现页面交互要通过js操作页面元素或者说操作dom来实现
   要操作dom要先找到dom元素节点即操作对象

> 获取对象的方法：
document.getElementById('id值'); //通过id获取对象
document.getElementByTagName('标签名');//通过标签获取单个对象
document.getElementsByTagName('标签名');//通过标签获取NodeList对象集合；注意Element后面有s
NodeList对象可以当做数组进行调用;例imgs[0]

  var imgWidth = imgs[0].offsetWidth;//通过offsetWidth可以获得图片的宽度；offsetWidth 属于dom样式设置的内容

box.style.width = boxWidth + "px";
   style对象是dom中进行css属性设置的内容

(function(i) {...})(i);//立即调用的函数表达式

代码段有需要多次使用的话，可以建立函数
例：
function setImgPos() {
       ...
}
setImgPos(); //调用函数

imgs[j].style.left = parseInt(imgs[j].style.left,10) - translate + 'px'; 中的 parseInt(imgs[j].style.left,10) //imgs[j].style.left的值含有单位px不能直接数值运算，需要先转化为数字，通过parseInt()来进行转化