那些Java Script DOM的部分玩儿法

1.java script是由哪三部分组成的？

Java script 是由ECMAScript 语法，Bom 浏览器与js交互，Dom html内容与js交互组成的，今天我们主要来讲一讲 DOM。

2.window 有哪三个常用的事件？

（1）onload 方法：当前窗口加载完毕后再执行或者也可以说触发。一般在head中使用

（2）onscroll 方法：当滚动条滚动时才会触发，具有类似监听滚动条的功能。一般的在京东、淘宝等很多网站都有明显的效果

（3.）onresize 方法：这个是当窗口大小发生改变时触发的

3.window有哪些常用的方法

window都有哪些常用的方法呢？我给你列举几个：

（1.）goForward 方法： 前进 浏览器是有记忆的，你的每一个 *** 作浏览器都会有记录，而这个方法就是浏览器左上方向右的箭头

（2.）goBack()方法：后退 有前进就有后退，类似于一个军队，只有灵活才能增加战争胜利的可能

（3.）screen()方法：屏幕 就是可以反馈出当期那屏幕的各种信息，宽高啊，可视宽高啊等等，具体的内部属性那就要麻烦你自己去百度了。你要坚信 度娘是万能的

（4.）location()方法：这个就有点意思了，内部的属性有很多，在这里我就写几个我们现在常用的吧，【1】location. reload()  //普通刷新     【2.】location.reload(true) / /强制刷新    【3.】location .href / /   地址信息 ，也可以实现页面跳转。【4.】location.protocol   / / 协议        等等，还有很多

（5.）navigator()方法：这个就更牛了，我只说一个【navigation.userAgent()】最重要的UA 浏览器的头信息   ，可以判断是什么浏览器

4.如何获取屏幕的宽高，与页面可视的宽高？

好，这个问题我想认真读了我在上面写的内容时，心中应该有答案了。对，就是screen（）方法，

这个方法的属性有如下这几个：

（1）screen.width  ：这个方法运行可以得知屏幕的宽

（2）screen. height ：  运行可以获得屏幕的高

（3.）window.inner width ：运行可获得页面可视的宽

（4.）window.inner Height ：运行可获得页面可视的高

5.如何获取窗口滚动条 滚动的垂直和水平方向距离？

直接上代码：

var a = document . documentElement . scrllTop  / / 页面垂直滚动距离

var a = document . documentElement . scrllLeft  / / 页面水平滚动距离

6.location对象有哪些方法获取属性？

【1.】location . href  / /     可获取地址信息

【2.】location . protocol    / / 可以获取 用的是什么协议

【3.】location . hostname  / / 可以获取域名

【4.】location . pathname  / / 可以获取路径

【5.】location . port  / / 可以获取端口号  ，这个是不是深得你心呢，再配合着 kali ,其实你要是玩儿   kali  的话，这个是真不方便，不推荐你用这种方法，你可以用 nm 啊，这多方便

【6.】location .  search     / / 查询

【7.】 location . hash   / / 这个是获取哈希值

7.history对象有哪些常用的属性或者方法？

【1.】goForward()   / / 下一个页面

【2.】goBack()   / / 上一个页面

【3.】screen . width   / / 屏幕的宽

【4.】screen . height   / / 屏幕的高

【5.】screen . availwidth  / /  可用屏幕的宽

【6.】screen . availHeight  / / 可用屏幕的高

【7.】window . innerwidth   / /浏览器可视区域的宽

【8.】window . innerHeight  / / 浏览器可视区域的高

8.如何判断当前浏览器是手机浏览器？

用上方navigator  方法    ， 上代码

var a = navigation.userAgent

if(ua.includes("Mobile")){

//    打印是手机浏览器

}else{

打印不是手机浏览器

}

9.如何实现图片上传实时预览？

用这个↓↓↓↓↓↓↓↓↓   具体的容我再修炼修炼，，，新人报道，多多关照哦

img.src = window.URL.createObjectURL(myf.files[0])