【javascript -window与document 待整理】的更多相关文章

javascript -window与document 待整理

window对象和document对象的区别一般来讲,一个window里就是一个document,但是,iframe里面也可以装个document,在iframe里面就有区别了 alert(document.location === window.location); // true 不要混淆Window对象的location属性和Document对象的location属性.前者引用一个Location对象,而后者只是一个只读字符串,并不具有Location对象的任何特性.document.lo…

window.jQuery || document.write("<script src='__PUBLIC__/assets/js/jquery.js'>"+"<"+"/script>")

今天无意中看到这样一段代码 <script type="text/javascript"> window.jQuery || document.write("<script src='__PUBLIC__/assets/js/jquery.js'>"+"<"+"/script>"); </script> 这段代码想表达的就是: 如果你已经加载了jquery文件,那么就执行 ||…

客户端JavaScript（window、document、element）

一.window对象是所有客户端JavaScript特性和API的主要接入点,用window来引用它. 属性:location属性(引用Location对象,当前显示在窗口的URL).document属性(引用Document对象,表示显示在窗口中的文档) window.location="https://www.baidu.com"; 方法:alert方法(弹出对话框).setTimeout方法(给定一个时间之后触发一个回调) alert("hello world!&quo…

JavaScript常用内置对象（window、document、form对象）

由于刚开始学习B/S编程,下面对各种脚本语言有一个宏观的简单认识. 脚本语言(JavaScript,Vbscript,JScript等)介于HTML和C,C++,Java,C#等编程语言之间.它的优势在于代码执行时不用像编程语言那样必须经过“编译”,先生成二进制机器码再执行,而是由其所对应的解释器(或称虚拟机)直接解释执行.程序代码既是脚本程序,亦是最终可执行文件. 历史: JavaScript是一种脚本语言.前身为LiveScript,是Netscape开发的一种描述式语言.自Sun公司推出J…

javascript中window与document对象、setInterval与setTimeout定时器的用法与区别

一.写在前面 本人前端菜鸟一枚,学习前端不久,学习过程中有很多概念.定义在使用时容易混淆,在此给向我一样刚踏入前端之门的童鞋们归纳一下.今天给大家分享一下js中window与document对象.setInterval与setTimeout定时器的用法与区别.讲得不对的地方,烦请大家指正,还望前辈.大牛多多指教! 二.window对象与document对象的用法和区别 window是全局对象,document是window对象的一个属性它也是一个对象.如图: document对象指的页面这个文档…

DOM Scripting -- Web Design with JavaScript and the Document Object Model 第2版 读书笔记

1. childNodes  nodeValue <p id="p1">hello p!</p> alert(document.getElementById("p1").childNodes[0].nodeValue); 2. firstChild lastChild childNodes[0] 等价于 firstChild   (node.childNodes[0] == node.firstChild) node.childNodes[n…

window、document、html、body、element的事件属性比较

在分析jQuery的事件的时候有提到绑定事件的方式: Dean Edwards的跨浏览器事件绑定使用的方式是 element["on" + type] = handleEvent; 即绑定的事件的前提条件是element.onxxx属性必须存在. jQuery的绑定方式是使用浏览器的绑定绑定方法 if ( elem.addEventListener ) { elem.addEventListener( type, eventHandle, false ); } else if ( el…

JavaScript学习笔记及知识点整理_2

1.一般而言,在Javascript中,this指向函数执行时的当前对象.举例如下: var someone = { name: "Bob", showName: function(){ alert(this.name); } }; var other = { name: "Tom", showName: someone.showName } other.showName(); //Tom this关键字虽然是在someone.showName中声明的,但运行的时候…

JavaScript window

window -- window对象是BOM中所有对象的核心 window,中文"窗口" window对象除了是BOM中所有对象的父对象外,还包含一些窗口控制函数 全局的window对象 JavaScript中的任何一个全局函数或变量都是window的属性 示例 var sTest="baidu"; document.write(sTest==window.sTest); 结果: true window与self对象 self对象与window对象完全相同,self…

JavaScript window.open()属性

一. Window 对象 Window 对象是 JavaScript 层级中的顶层对象. Window 对象代表一个浏览器窗口或一个框架. Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建. 二. open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口. 三. window.open(URL,name,features,replace) 参数 描述 URL 一个可选的字符串,声明了要在新窗口中显示的文档的 URL.如果省略了这个参数,…

JavaScript window.location对象

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 - 浏览器对象模型

浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话". 浏览器对象模型 (BOM) 浏览器对象模型(Browser Object Model (BOM))尚无正式标准. 由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性. Window 对象 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 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…

解决 jQuery 实现父窗口的问题 如window.parent.document.getElementById().innerHTML

因为先前遇到的问题,所以我考虑采用 IFRAME 来隔离不同的脚本,从而实现我需要的效果. 在框架中,我用 JavaScript 获取 JSON 数据,组织成 HTML 代码,最后将其填充至上层文档的一个元素中.按照一般的写法,我们需要用到类似如下的语句: 1.window.parent.document.getElementById("myEle").innerHTML = html; 使用 jQuery ,写法如下: 1.$("#myEle", window.p…

javascript window.opener的用法分析

window.opener 返回的是创建当前窗口的那个窗口的引用 window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以写为: window.opener.document.getElementById("name").value = "输入的数据"; 对于jav…

window.parent.document解决原生js或jQuery 实现父窗口的问题

做WEB前端开发的过程中,经常会有这样的需求,用户点击[编辑]按钮,弹出一个对话框,在里边修改相应的值,然后把修改后的值显示在原页面,最后点击保存. 用window.parent.document.getElementById().setAttribute("value","")可以很好的解决这个问题. 源代码如下: 父页面中的代码: <!doctype html> <html lang="en"> <head>…

JavaScript | window浏览器对象模型

Js Window - 获取浏览器窗口 全局变量是window对象的属性 全局函数是window对象的方法 HTML DOM的document是window对象属性之一 window.document.getElementById("header"); === document.getElementById("header"); window.innerHeight window.innerWidth 获取浏览器尺寸 IE/Chrome/Firefox/Opera/…

子页面赋值给父页面：window.opener.document.getElementById

window.opener 返回的是创建当前窗口的那个父窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中,就可以写为:indow.opener.document.getElementById("name").value = "输入的数据"; 1.页面代码: <html> <head> <title>无标题文档title…

14 JavaScript Window对象

Window对象表示一个浏览器窗口或者一个框架. 在客户端JavaScript中,window对象是全局对象,所有的表达式都在当前的环境中计算. Window对象的子对象: JavaScript document对象 JavaScript frames对象 JavaScript history对象 JavaScript location对象 JavaScript navigator对象 JavaScript screen对象 document:文档对象 history对象: screen显示器对…

JavaScript window.onload 事件和 jQuery ready 函数有何不同？

JavaScript window.onload 事件和 jQuery ready 函数之间的主要区别是,前者除了要等待 DOM 被创建还要等到包括大型图片.音频.视频在内的所有外部资源都完全加载.如果加载图片和媒体内容花费了大量时间,用户就会感受到定义在 window.onload 事件上的代码在执行时有明显的延迟. 另一方面,jQuery ready() 函数只需对 DOM 树的等待,而无需对图像或外部资源加载的等待,从而执行起来更快.使用 jQuery $(document).ready(…

使用 JavaScript 中的 document 对象查找 HTML 元素，实现“登录”按钮的高亮特效 鼠标悬浮于“登录”按钮时，按钮高亮显示；

查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 document 对象查找 HTML 元素,实现"登录"按钮的高亮特效 鼠标悬浮于"登录"按钮时,按钮高亮显示: 鼠标离开时,按钮恢复原状. "登录"按钮初始效果如图所示 鼠标悬浮时,按钮高亮显示."登录"按钮高亮显示效果如图所示 实现思路: 在 window 的 onload 事件中获取一组指定 name="btnLogin" 的&q…

JavaScript Window 对象

< 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…

拉动滚动条追加内容,无限延伸document高度 $(window).scroll(function(){if($(window).scrollTop() + $(window).height() == $(document).height()) { $("body").append(html) } })

$(document).ready(function() { // endless scrolling $(window).scroll(function() { if($(window).scrollTop() + $(window).height() == $(document).height()) { $("body").append("<div class='item'><img src='path/to/image' width='140' hei…

JavaScript基础知识----document对象

对象属性document.title                 //设置文档标题等价于HTML的<title>标签document.bgColor               //设置页面背景色document.fgColor               //设置前景色(文本颜色)document.linkColor             //未点击过的链接颜色document.alinkColor            //激活链接(焦点在此链接上)的颜色document.vlink…

javascript中字符串常用操作整理

javascript中字符串常用操作整理 字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用操作做个整理,一者加深印象,二者方便今后温习查阅. 也可到独立博客查看:javascript中字符串常用操作总结 String对象属性 (1) length属性 length算是字符串中非常常用的一个属性了,它的功能是获取字符串的长度.当然需要注意的是js中的中文每个汉字也只代表一个字符,这里可能跟…

《javascript个人理解，个人整理。》

万事开头难. 本人做前端工程师,已几年,没有特别大的,已文字方式去做总结. 前段时间,早已经想好,但是迟迟没有去下笔!好在现在陆陆续续的写下去. 我知道这是一个很大的工程,但是我还是想做下去,不为别的,只为自己!自己小小小小成就感,和满足感. 接下来我会陆陆续续,发表一下,我的博客<javascript个人理解,个人整理.> ps:当然我的理解,可能不是全部正确,请小伙伴们,多多指出,多多指教! 目录 javascript名字由来. 语法.关键保留字及变量. 数据类型(上). 数据类型(下).…

window.parent.document jquery

使用 jQuery ,写法如下: .$("#myEle", window.parent.document).html(html); 另外还有一种实现方式,代码如下: .parent.$("#myEle").html(html);…

nuxt Window 或 Document未定义解决方案

概述 在用nuxt开发服务端渲染项目并引入第三方库的时候,经常会遇到window或document未定义的情况,原因是这个第三方库里面用到了window或者document,然后在服务端打包的时候,node环境并没有window或者document,所以就报了window或document未定义的错误. 而且,我们在引入第三方库的时候,并不希望把第三方库打包进app.js,而是希望这个第三方库只在需要的页面才加载. 下面以tinymce这个第三方库为例,记录我在nuxt.js框架中的实现方法,供…

window.jQuery || document...

window是浏览器端的全部数据变量的引用.比如 window.window === window window.jQuery 就是浏览器中的全局变量里的jQuery那为什么不写 jQuery 而是写 window.jQuery呢?你可以试试,直接jQuery然后回车,会报一个错误.而window.jQuery只是返回undefined而已. 接下来是||运算符,这是“或”运算比如 c = a || b当且仅当 a和b同时为“假值”时,c才为false.那么当a时“真值”时,js引擎会偷懒,不运…

javascript:window.history.forward(1);

javascript:window.history.forward(1);[转] 接下来我们要讨论的方法以后退按钮本身为中心,而不是浏览器缓存.这儿有一篇文章Rewiring the Back Button很值得参考.不过我注意到,如果使用这种方法,虽然用户点击一下后退按钮时他不会看到以前输入数据的页面,但只要点击两次就可以,这可不是我们希望的效果,因为很多时候,固执的用户总是能够找到绕过预防措施的办法. 另外一种禁用后退按钮的办法是用客户端JavaScript打开一个没有工具条的窗口,这使得用…