javascript - 宽高的获取

//网页可见区域宽：document.body.clientWidth
// 网页可见区域高：document.body.clientHeight
// 网页可见区域宽：document.body.offsetWidth (包括边线的宽)
// 网页可见区域高：document.body.offsetHeight (包括边线的宽)
			
// var see_width = document.body.clientWidth
// var see_height = document.body.clientHeight

// 网页正文全文宽：document.body.scrollWidth
// 网页正文全文高：document.body.scrollHeight
			
// var  content_width = document.body.scrollWidth
// var  content_height = document.body.scrollHeight

// 对有doctype申明的页面 可以使用：document.documentElement.scrollTop
// 没有doctype申明的页面使用：document.body.scrollTop
// safari:特例独行：使用 window.pageYOffset

// dangqian滚动条最终位置 

// 元素相对于页面中的位置 offset().top;  offset().left; 
// var ele_position = $(".div2").offset().top; 
// console.log('ele_position = ' + ele_position);

//网页当前可视区域高度
var page_view_height = $(window).height()
console.log('page_view_height = ' + page_view_height);

			
// 进入判断 自身顶端位置 减去 屏幕可视高度
area3_goin = $('.div3').offset().top - page_view_height;
console.log('goinaere3 = ' + area3_goin);

//离开判断 进入位置 加上 自身高度
area3_goout = area3_goin + $(".div3").height();
console.log('goinaere3 = ' + area3_goout);

file上传图片中获得图片宽高的方式

// 得到文件
var file = $(this)[0].files[0];

//本地读取文件
var reader = new FileReader();
reader.readAsDataURL(file);

reader.onload = function () {
    // 读取的URL结果：this.result

    $("#clipimg1").attr("src", this.result);
    $("#clipimg2").attr("src", this.result);

    let img = new Image();
    img.src = this.result;
    img.onload = function(){
	    console.log(this.height);
	    console.log(this.width);
    }

    $("#clip_show").show();
}