window和document常用方法和属性

2024-11-06

JavaScript document和window属性及方法详解

[document对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档. 属性 alinkColor 活动链接的颜色(ALINK) anchor 一个HTMI锚点,使用<A NAME=>标记创建(该属性本身也是一个对象) anchors array 列出文档锚点对象的数组(<A NAME=>)(该属性本身也是一个对象) bgColor 文档的背景颜色(BGCOLOR) cookie 存储于cookie.txt文件内的一段信息,它是该文档对

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中window与document对象、setInterval与setTimeout定时器的用法与区别

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

客户端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

Window及document对象的区别

一.Window对象 -------------------------------------------------- ------------------- 对象属性 window //窗户自身 window.self //引用本窗户window=window.self window.name //为窗户命名 window.defaultStatus //设定窗户状态栏信息 window.location //URL地址,配备布置这个属性可以打开新的页面 -----------------

Javascript - ExtJs - 常用方法和属性

常用方法和属性(Common methods and attributes) ExtJs中的对象 Ext.Component Ext组件对象,表示一个可渲染的组件. Ext.dom.Element Ext元素对象,通常称为Element对象,Ext.dom.Element是对Html Dom元素的封装.在官方API文档中提到的Element,指的就是Ext元素对象,可别当成dom元素.Html Dom被封装为Element,Element被封装为Component组件.获取HtmlDom有两种方

window对象的方法和属性汇总

window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture

BOM对象，math对象document对象的属性和操作和事件的基本操作

Math对象 //该对象中的属性方法和数学有关. abs(x) 返回数的绝对值. exp(x) 返回 e 的指数. floor(x) 对数进行下舍入. log(x) 返回数的自然对数(底为e). max(x,y) 返回 x 和 y 中的最高值. min(x,y) 返回 x 和 y 中的最低值. pow(x,y) 返回 x 的 y 次幂. random() 返回 0 ~ 1 之间的随机数. round(x) 把数四舍五入为最接近的整数. sin(x) 返回数的正弦. sqrt(x) 返回数的平方

Window及document对象

注:页面上元素name属性以及JavaScript引用的名称必须一致包括大小写否则会提示你1个错误信息 "引用的元素为空或者不是对象" 一.Window对象 -------------------------------------------------- ------------------- 对象属性 window //窗户自身 window.self //引用本窗户window=window.self window.name //为窗户命名 window.defaultSta

怎样理解document的快捷方式属性

所谓 "快捷方式属性" , 也就是说它们不是必须的, 只是在操作dom时可以更为方便地获取. 主要有下面8个: 1. 获取当前文档所属的window对象: document.defaultView 2. 获取当前文档的文档类型: document.doctype 3. 获取当前文档的根元素节点, 一般为<html>: document.documentElement 4. 获取head元素节点: document.head 5. 获取body元素节点: document.b

拉动滚动条追加内容,无限延伸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

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框架中的实现方法,供

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

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

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引擎会偷懒,不运

TStringList 常用方法与属性

/TStringList 常用方法与属性 :varList: TStringList;i: Integer;begin List := TStringList.Create;List.Add('Strings1'); {添加}List.Add('Strings2');List.Exchange(0,1); {置换}List.Insert(0,'Strings3'); {插入}i := List.IndexOf('Strings1'); {第一次出现的位置}List.Sort; {排序}List.

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

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

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文件,那么就执行 ||

Jquery 常用方法及属性

Jquery 常用方法及属性 jQuery 事件鼠标事件键盘事件表单事件文档/窗口事件 click keypress submit load dblclick keydown change resize mouseenter keyup focus scroll mouseleave blur unload jQuery 事件方法语法在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法. 页面中指定一个点击事件: $("p").click(f

ABAP excel操作 OLE 常用方法和属性

转自 http://bstone.blog.163.com/blog/static/176820446201172834149199/#userconsent# OLE 常用方法和属性 1.ole中如何保存和退出.call method of sheetname 'saveas' exporting #1 = filepath #2 =1.call method of applicationname 'quit'. 2.给sheet重命名.call method of sheetname 'na

ABAP OLE常用方法和属性

转自 http://www.cnblogs.com/eric0701/p/5213694.htmlSAP EXCEL OLE常用方法和属性附加网上找到的比较好的源代码示例一份 1.ole中如何保存和退出. call method of sheetname 'saveas' exporting #1 = filepath #2 =1. call method of applicationname 'quit'. ------------------------------------------

window和document常用方法和属性

热门专题