[Javascript] Window.matchMedia()】的更多相关文章

window.matchMedia() allow to listen to browser window size changes and trigger the callback for different media query size. let mql = window.matchMedia('(max-width: 600px)'); you can attach a listener to it: mql.addListener(() => console.log('changes…
< JavaScript Window Object > && < IE check > JavaScript Window Object Window.loacation window.loacation 对象在编写时可以不使用window前缀 ocation.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口 (80 或 443) location.pr…
window -- window对象是BOM中所有对象的核心 window,中文"窗口" window对象除了是BOM中所有对象的父对象外,还包含一些窗口控制函数 全局的window对象 JavaScript中的任何一个全局函数或变量都是window的属性 示例 var sTest="baidu"; document.write(sTest==window.sTest); 结果: true window与self对象 self对象与window对象完全相同,self…
一. Window 对象 Window 对象是 JavaScript 层级中的顶层对象. Window 对象代表一个浏览器窗口或一个框架. Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建. 二. open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口. 三. window.open(URL,name,features,replace) 参数 描述 URL 一个可选的字符串,声明了要在新窗口中显示的文档的 URL.如果省略了这个参数,…
JavaScript window.location对象   示例 注意 方法 经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询. 示例 URL:http://b.a.com:88/index.php?name=kang&when=2011#first 属性 含义 值 protocol: 协议 "http:" hostname: 服务器的名字 "b.a.com" port: 端口 "88" pathna…
javascript:window.history.forward(1);[转] 接下来我们要讨论的方法以后退按钮本身为中心,而不是浏览器缓存.这儿有一篇文章Rewiring the Back Button很值得参考.不过我注意到,如果使用这种方法,虽然用户点击一下后退按钮时他不会看到以前输入数据的页面,但只要点击两次就可以,这可不是我们希望的效果,因为很多时候,固执的用户总是能够找到绕过预防措施的办法. 另外一种禁用后退按钮的办法是用客户端JavaScript打开一个没有工具条的窗口,这使得用…
JavaScript window.onload 事件和 jQuery ready 函数之间的主要区别是,前者除了要等待 DOM 被创建还要等到包括大型图片.音频.视频在内的所有外部资源都完全加载.如果加载图片和媒体内容花费了大量时间,用户就会感受到定义在 window.onload 事件上的代码在执行时有明显的延迟. 另一方面,jQuery ready() 函数只需对 DOM 树的等待,而无需对图像或外部资源加载的等待,从而执行起来更快.使用 jQuery $(document).ready(…
window.location 对象在编写时可不使用 window 这个前缀. URL : 统一资源定位符 (Uniform Resource Locator) 说明: 完整的URL示例:scheme://host:port/path?query#fragment scheme:通信协议 常用的http,ftp,maito等 host:主机 服务器(计算机)域名系统 (DNS) 主机名或 IP 地址. port:端口号 整数,可选,省略时使用方案的默认端口,如http的默认端口为80. path…
<html> <head> <title>浏览器对象</title> <script type="text/javascript"> var a = 20;//声明变量 函数 对象 属于window对象 //alert(window.a); function test () { alert("window对象函数"); } //window.test();//函数调用 </script> <…
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话". 浏览器对象模型 (BOM) 浏览器对象模型(Browser Object Model (BOM))尚无正式标准. 由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性. Window 对象 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局…
window对象是JavaScript浏览器对象模型中的顶层对象,包含多个常用方法和属性: 1. 打开新窗口 window.open(pageURL,name,parameters) 其中:pageURL为子窗口路径.name为子窗口句柄.parameters为窗口参数(各参数用逗号分隔) window.open("http://www.cnblogs.com/zhouhb/","open",'height=100,width=400,top=0,left=0,to…
本文章讲述的三种都是基于了javascript confirm提示确认框的做法了,只是在不同的地方写哦,有需要的同学可参考一下   confirm() 方法 confirm() 方法用于显示一个带有指定消息和确定及取消按钮的对话框. 说明:如果用户点击确定按钮,则 confirm() 返回 true.如果点击取消按钮,则 confirm() 返回 false 一种: <a href="javascript:if(confirm('确实要删除该内容吗?'))location='http://…
window.history 对象包含浏览器的历史. Window History window.history对象在编写时可不使用 window 这个前缀. 为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制. 一些方法: history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击向前按钮向前相同 Window History Back history.back() 方法加载历史列表中的前一个 URL. 这与在浏览…
window对象 window对象表示一个浏览器窗口或一个框架.在客户端JavaScript中,window对象是全局对象,所有的表达式 都在当前的环境中计算.也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性当作全局变量 来使用.例如,可以只写document,而不必写window.document. window对象属性 标红色的: 重要的 标黑色的: 正常不用  closed:   返回窗口是否已被关闭 defaultStatus:      设置或返回窗口状态栏中的默认文…
首先看我们的源代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>深入理解Javascript</title> <script type="text/javascript" charset="utf-8"> console.log(this); </script> <…
window.navigator 对象包含有关访问者浏览器的信息. Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀. Navigator Object Properties Property Description appCodeName Returns the code name of the browser appName Returns the name of the browser appVersion Returns t…
window.history 对象在编写时可不使用 window 这个前缀. 为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制. 一些方法: history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击按钮向前相同 Window History Back history.back() 方法加载历史列表中的前一个 URL. 这与在浏览器中点击后退按钮是相同的 Window History Forward history…
window.opener 返回的是创建当前窗口的那个窗口的引用 window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以写为: window.opener.document.getElementById("name").value = "输入的数据"; 对于jav…
Js Window - 获取浏览器窗口 全局变量是window对象的属性 全局函数是window对象的方法 HTML DOM的document是window对象属性之一 window.document.getElementById("header"); === document.getElementById("header"); window.innerHeight window.innerWidth 获取浏览器尺寸 IE/Chrome/Firefox/Opera/…
1 . window对象常用方法 : 写法 : window.方法() 注意 : window可以省略不写 alert(), confirm(), prompt()是JavaScript提供和用户交互的三种控件 <!-- 警告框: 只能确认,不能取消 --> <script> function testAlert() { alert("警告"); } </script> <input type="button" value=…
Window对象表示一个浏览器窗口或者一个框架. 在客户端JavaScript中,window对象是全局对象,所有的表达式都在当前的环境中计算. Window对象的子对象: JavaScript document对象 JavaScript frames对象 JavaScript history对象 JavaScript location对象 JavaScript navigator对象 JavaScript screen对象 document:文档对象 history对象: screen显示器对…
history是你浏览过的网页的url(简单的说就是网址)的集合,也就是你的浏览器里的那个历史记录.它在js里是一个内置对象,就跟document一样,它有自己的方法,go就是其中一个. 这个方法的参数是一个数字,它指定要定位的url相对当前页面url位置的下标.当前的url下标为0,所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面,也就是之前刚刚访问的页面. 再举个例子:你在地址栏访问百度页面(http://www.baidu.com),这时history…
Window的属性 属性 描述 closed 获取引用窗口是否已关闭. defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息. dialogArguments 设置或获取传递给模式对话框窗口的变量或变量数组. dialogHeight 设置或获取模式对话框的高度. dialogLeft 设置或获取模式对话框的左坐标. dialogTop 设置或获取模式对话框的顶坐标. dialogWidth 设置或获取模式对话框的宽度. frameElement 获取在父文档中生成 win…
1.serTimeout()和setinterval()可用于注册在指定的时间之后单词或者重复调用的函数. 2.window对象的location属性引用的是Location对象,表示该窗口当前显示的文档的URL对象.Location对象的href属性是一个字符串,包含URL的完整版本.Location对象的assign()方法可以使窗口载入并显示指定URL的文档. 3.Window对象的history属性引用的是该窗口的History对象.History对象是用来把窗口的浏览历史用文档和文档状…
1.Window对象的location属性引用的是Location对象,它表示该窗口中当前显示的文档的URL,并定义了方法来使窗口载入新的文档.Location对象的href属性是一个字符串,后者包含URL的完整版本. Location对象的assign()方法可以使窗口载入并显示指定的URL文档,相似的replace()方法在载入新文档之前会从浏览历史中把当前文档删除. 2.Window对象的history属性引用的是该窗口的History对象.History对象是用来把窗口的浏览历史用文档和…
window 代表浏览器中一个打开的窗口. Window的属性 属性 描述 closed 获取引用窗口是否已关闭. defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息. dialogArguments 设置或获取传递给模式对话框窗口的变量或变量数组. dialogHeight 设置或获取模式对话框的高度. dialogLeft 设置或获取模式对话框的左坐标. dialogTop 设置或获取模式对话框的顶坐标. dialogWidth 设置或获取模式对话框的宽度. fram…
window.screen 对象包含有关用户屏幕的信息. Window Screen window.screen对象在编写时可以不使用 window 这个前缀. 一些属性: screen.availWidth - 可用的屏幕宽度 screen.availHeight - 可用的屏幕高度 Window Screen 可用宽度 screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏. 实例 返回您的屏幕的可用宽度: <script> document.…
setTimeout (表达式,延时时间)setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次 setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式 1,基本用法: 执行一段代码: 复制代码代码如下: var i=0; setTimeout("i+=1;alert(i)",1000);  执行一个函数: 复制代码代码如下: var…
1.原函数 输出结果:1 如图: 2.加window的参数 输出结果:window对象 如图: 注意:此时的window不是全局变量,而是局部变量 3.关于形参必须传window么?当然是不需要的 输出结果:window对象 如图: 形参可以传任意字符,只要实参传的是window.函数 4.作用一    代码会被压缩,节省空间 5.作用二   提高性能 函数在执行过程中,能在参数中找到window,就不用去全局作用域中找,即效率高,提高性能. 6.是否可以实参也不传? 可以,实参形参都不传,内部…
window.navigator 对象包含有关访问者浏览器的信息. Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀. 实例 <div id="example"></div> <script> txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>"; tx…