栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

那些Java Script DOM的部分玩儿法

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

那些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])

 

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/894368.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号