window.frameElement 兼容

2024-08-31

window.frameElement的使用

window.frameElement的使用: 返回嵌入当前window对象的元素(比如 <iframe> 或者 <object>),如果当前window对象已经是顶层窗口,则返回null. 例子: var frameEl = window.frameElement; // 如果当前窗口被包含在一个框架里面,则将该框架的地址跳到'http://mozilla.org/' if (frameEl) frameEl.src = 'http://mozilla.org/';

window.frameElement

地址:MDN web docs 比如有一个iframe的src是xxx.htmframeElement的作用就是在xxx.htm中获得这个引用它的iframe objet这样你就可以在xxx.htm改变iframe的大小,或是边框等属性了概述返回嵌入当前window对象的元素(比如 <iframe> 或者 <object>),如果当前window对象已经是顶层窗口,则返回null. 语法 var frameEl = window.frameElement; 例子 var fra

window.frameElement属性

比如有一个iframe的src是xxx.htm frameElement的作用就是在xxx.htm中获得这个引用它的iframe objet 这样你就可以在xxx.htm改变iframe的大小,或是边框等属性了

window.inner 兼容IE8

window.getHeight = function() { if (window.innerHeight != undefined) { return window.innerHeight; } else { var B = document.body, D = document.documentElement; return Math.min(D.clientHeight, B.clientHeight

老爷车IE8如何兼容图标字体

前言首先这个标题再详细的说就是如何解决font-face在IE8下间歇性出现图标字体渲染失败的解决方案. 如果你还不知道什么是图标字体,可以先阅读:链接1,链接2,链接3 先看在IE8下的问题: 而正常的应该是这样: 可以看到所以图标都显示不了,最关键的是还显示出他本身的字符,这绝对是不能忍的,必须解决. 问题的原因到底是什么? 这个页面是为了快速一览图标字体的页面,这两个截图都是在IE8下截图的,所以可以看到font-face不是不兼容IE8,而是间歇性的撂挑子(出问题),至于问题原因: 我

第十二章：window对象

第十一章介绍了window对象及其客户端javascript所扮演的核心角色:它是客户端javascript程序的全局对象.本章介绍window对象的属性和方法,这些属性定义了不同的API,但是只有一部分实际上和浏览器窗口相关.window对象是以窗口命名的. 1节展示如何使用setTimeout()和setInterval()来注册一个函数,并在指定的时间后调用它. 2节讲述如何使用location属性来获取当前显式文档的URL和载入新的文档 3节介绍history属性,并展示如何在历史记录中

跨域通信--Window.postMessage()

一.跨源通信概述源:协议.端口号(https默认值433).主机域名(document.domain) 作用:向目标窗口派发MessageEvent消息(四个属性) 兼容参考 MessageEvent四个属性: 1.message(类型) 2.data(window.postMessage的第一个参数) 3.origin(调用postMessage时页面的当前状态) 4.source(调用postMessage的窗口信息) 二.postMessage语法: otherWindow.postMe

JavaScript权威指南--window对象

知识要点 window对象及其客户端javascript所扮演的核心角色:它是客户端javascript程序的全局对象.本章介绍window对象的属性和方法,这些属性定义了不同的API,但是只有一部分实际上和浏览器窗口相关.window对象是以窗口命名的. 1.计时器 setTimeout()和setIterval()可以用来注册在指定的时间之后单次或重复调用的函数.因为它们都是客户端javascript中的重要全局函数,所以定义为window对象方法,但作为通用函数,其实并不会对窗口做什么事情

Javascript不同浏览器差异及兼容方法

原文链接:http://caibaojian.com/js-ie-different-from-firefox.html javascript的各种兼容就是为了解决不同浏览器的差异性,了解其中的差异能够帮助你更快的解决问题,提高代码的使用质量,编写更优秀的javascript代码. 1.window.event 表示当前的时间对象,IE有这个对象,FF没有,FF通过给事件处理函数传递事件对象 2.获取事件源 IE用srcElement获取事件源,而FF用target获取事件源以上两个兼容通常会

js中Window 对象及其的方法

window.location 对象 window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面.window.location 对象在编写时可不使用 window 这个前缀. location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口 (80 或 443) location.protocol 返回所使用的 web 协议(http://

页面间(窗口间)的取值赋值及获取iframe下的window对象

①同一个窗口中,获取某个iframe的信息 <body> <iframe id="PAID" name="PA" src="ItemSetting.htm"></iframe> <iframe id="DKID" name="DK" src="ItemSetting.htm"></iframe> </body> va

[ 兼容 ] IE和Firefox的Javascript兼容性总结

长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一.函数和方法差异: 二.样式访问和设置: 三.DOM方法及对象引用: 四.事件处理: 五.其他差异的兼容处理. 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: var year= new Date().getYear();document.wr

原生js解决跨浏览器兼容问题

//跨浏览器兼容问题 Util = { //添加类名 add : function(ele,type,hand){ if(ele.addEventListener){ ele.addEventListener(type,hand,false); }else if(ele.attachEvent){ ele.attachEvent("on" + type,hand); }else{ ele["on" + type] = hand; } }, //删除类名 remove

JS放大镜特效（兼容版）

原理 1.鼠标在小图片上移动时,通过捕获鼠标在小图片上的位置,定位大图片的相应位置设计 1.页面元素:小图片.大图片.放大镜 2.技术点:事件捕获.定位 1)onmouseover:会在鼠标指针移动到指定的对象上时发生 2)onmouseout:会在鼠标指针移出指定的对象时发生 3)onmousemove:会在鼠标指针移动时发生 4)各边距表示 5)ofgsetLeft与style.left对比 style.left返回的是字符串,比如:30px,offsetLeft返回的是数值30 styl

Javascript常见浏览器兼容问题

常见浏览器原生javascript兼容性问题主要分为以下几类: 一.Dom 1.获取HTML元素,兼容所有浏览器方法:document.getElementById("id")以Id来获取元素; document.getElementsByTagName(“tag”)[0]以标签名来获取元素.另外IE不支持document.getElementsByClassName("class"); 2.获取Form表单元素只兼容IE:document.formname.it

$(window).scroll()无法触发问题

在微信端开发中遇到一个这种问题:明明用的公共文件(代码如下图),其他页面每次都能触发这个滚动条$(window).scroll事件,以显示右下角“回到顶部”这个按钮图标但是,问题来了,最该需要使用“回到顶部”功能的列表页面时候,居然不显示这个图标了!!!(当时我就想一句mmp不知道送给谁). 我查看了html加载情况,嘿,加载是加载了,按要求加载的哦,一点都不缺斤少两(如下图),明晃晃的display:none送给你~ 静态页的也是这个样子哦,滑动了滚动条才显示可爱的向上图标哦~ 加载完数据死

window备忘录

1.window.name属性是一个字符串,表示当前窗口的名字,只有当浏览器窗口关闭的时候,此属性才会消失. 2.window.closed属性返回一个布尔值,表示窗口是否关闭.此属性一般用来检查使用脚本打开的窗口是否关闭,如:var popup = window.open();if ((popup !== null) && !popup.closed) { // 窗口仍然打开着} 3.window.self和window.window属性都指向窗口本身,这两个属性只读. 4.window

原生js实现ajax跨域(兼容IE8,IE9)

html设置meta标签兼容360兼容模式和IE怪异模式 <meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;ie=edge"> 原生js跨域 var xhr = null; // IE8/9需用window.XDomainRequest兼容 if (window.XDomainRequest) { xhr = new XDomainRequest(); xhr.onload = func

兼容各浏览器的js回车事件

HTML代码: <input type="text" onkeydown="EnterPress(event)" /> JS代码: function EnterPress(evt){ evt = (evt) ? evt : ((window.event) ? window.event : ""); //兼容IE和Firefox获得keyBoardEvent对象 var key = evt.keyCode?evt.keyCode:evt

jwplayer视频--不兼容IE８

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="../js/jwplayer-7.3.6/jwplayer.js"></script> <!--[if gt IE 9]> <script src=&q

window.frameElement 兼容

热门专题