html判断当前页面是否在iframe中的实例

在做HTML页面的时候,经常会遇到“如果当前页面显示在iframe中,我们就相应的处理”

判断方法为:

//判断是否在iframe中

if(self!=top){

parent.window.location.replace(window.location.href);

}

以上这篇html判断当前页面是否在iframe中的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

时间: 2016-11-27

前几天,在QQ群里有个XD问到bgsound的一些资料,确切地说是它的特殊用法.奇怪群里的人竟然都没几个能说出新意的,包括我!或许是这个标签不常用.或者是用处不大,所以,大家也就没有特意去研究过背景音乐吧.(以前自学这个东西时,本人也是仅仅出于好奇,玩玩而已^_^) 废话少说,来点真格的-- (以下是原文,不仅仅是bgsound哦,还有其他东东,慢慢see) 是用以插入背景音乐,但只适用於 IE,其参数设定不多.

本文实例分析了jQuery取得iframe中元素的常用方法.分享给大家供大家参考,具体如下: jquery取得iframe中元素的几种方法: 在iframe子页面获取父页面元素 代码如下: 复制代码 代码如下: $('#objId', parent.document); 搞定... 在父页面 获取iframe子页面的元素: $("#objid",document.frames('iframename').document) $(document.getElementById('ifra

基本的操作方法: document.frames("frame_id").document.action; 其中,frame_id是该父页面需要进行操作的iframe的id,action是iframe中的相关操作. 从该方法中,可以看出 document.frames("frame_id")是用来从父页面中获取iframe的id的,而后面的document.action同一般的脚本对页面元素操作一样,具体举个例子来说明一下,其中父页面引用iframe部分如下: 复制

DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text");在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.document).

如下所示: screen.width screen.height screen.availHeight //获取去除状态栏后的屏幕高度 screen.availWidth //获取去除状态栏后的屏幕高度 一.通过浏览器获得屏幕的尺寸 二.获取浏览器窗口内容的尺寸 //高度 window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight //宽度 window.innerWidth

本文实例讲述了JS获取多维数组中相同键的值实现方法.分享给大家供大家参考,具体如下:

Demo

本文实例讲述了js改变Iframe中Src的方法.分享给大家供大家参考.具体实现方法如下:

本文实例讲述了jQuery中DOM树操作之复制元素的方法.分享给大家供大家参考.具体分析如下: 复制元素 前面提到的操作包括:插人新创建的元素.将元素从文档中的一个位置移动 到另一个位置,以及通过新元素来包装已有的元素.可是,有时候也会用到复制元素的操作.例如,可以复制出现在页面顶部的导航菜单,并把副本放到页脚上.实际上,无论何时,只要能通过复制元素增强页面的视觉效果,都是以重用代码来实现的好机会.毕竟,如果能够只编写一次代码并让jQuery替我们完成复制,何必要重写两遍同时又增加双倍的出错机会

html判断是否在页面,html判断当前页面是否在iframe中的实例相关推荐

  1. 从父页面在iframe中调用JavaScript代码

    基本上,我将iframe嵌入到页面中,并且iframe具有一些我需要从父页面调用的JavaScript例程. 现在相反非常简单,因为您只需要调用parent.functionName() ,但是不幸的 ...

  2. JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)

    //平台.设备和操作系统var system ={win : false,mac : false,xll : false};//检测平台var p = navigator.platform;syste ...

  3. 用session实现html登录页面跳转页面跳转页面跳转,js判断登录与否并确定跳转页面的方法...

    这篇文章主要介绍了js判断登录与否并确定跳转页面的方法,涉及Ajax及session使用的技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了js判断登录与否并确定跳转页面的方法.分享给大家供 ...

  4. html页面判断是否登录,egg(103)--egg之定义公共的中间件判断用户是否登录以及去结算页面制作...

    判断用户是否登录 中间件 app/middleware/userauth.js module.exports = (options, app) => { return async functio ...

  5. jQuery如何去判断页面是否有父页面?

    jQuery如何去判断页面是否有父页面?   是要判断当前页面是否被嵌入在frame里吗? 1 2 3 if (top != self) {     alert('我在框架里'); } 转载于:htt ...

  6. vue如何在一个工程里判断h5还是pc,(利用在一个页面显示不同router-view内容原理,本文只使用于单页面项目,多页面项目请查看我另一篇博文)

    本文只适用于单页面项目,多页面项目请查看我另一篇博文 vue如何在一个工程里显示pc和手机端(适用多页面复杂项目) https://blog.csdn.net/qq_37816525/article/ ...

  7. html js验证登录页面,js判断登录与否并确定跳转页面的方法

    本文实例讲述了js判断登录与否并确定@R_384_404@面的方法.分享给大家供大家参考.具体如下: 使用session存储,确定用户是否登录,从而确定页面跳转至哪个页面. 判断本地有无custome ...

  8. html判断是否在页面,js判断页面关闭

    JavaScript判断某个页面是否已经关闭 var N=document.getElementById(your_submit_Id); var flag=0; N.attachEvent(&quo ...

  9. 登录之后,在其他页面怎么判断是否已经登录?

    一.背景介绍 登录功能,是前端经常要完成的需求之一. 一个 网站有很多的操作是必须要用户登陆才能进行操作的 那么如何进行登录判断? 需要用到什么样的属性或者方法? 有什么地方的细节需要注意? 以上这些 ...

最新文章

  1. 吃透Java集合中的Set集合必备文章,快快收藏
  2. log4j.logger java_java – Log4JLogger的根本原因是找不到还是不可用?
  3. Golang gin框架:发送GET POST PUT DELETE请求
  4. 读书笔记--101个shell脚本 之#13--猜数字
  5. datastage 函数_DataStage_Transformer常用函数
  6. 某企业管理软件开发公司校园招聘的小组讨论面试题
  7. java web swing 教程_好程序员Java教程解读什么是swing
  8. VUE2.0的浏览器兼容情况汇总
  9. 电影AI修复,让重温经典有了新的可能
  10. pycharm error:no module named caffe
  11. centos6.7环境下kvm虚拟机之virt-install和virsh及virt-manager工具的使用
  12. Android基础之Intent的几种常用方法
  13. S20_DAY20--课堂笔记
  14. 阿里云云计算 29 AS的原理
  15. matlab如何绘制状态图,[转载]MATLAB画状态方程的向量图
  16. abab的四字成语_带abab的四字成语大全
  17. 什么是架构?架构师的职责是什么?
  18. Emerging Properties in Self-Supervised Vision Transformers(2021)
  19. SAP ABAP 关于SMARTFORMS打印中英文时候出现乱码的问题
  20. html静态网站登陆验证,静态页面js加密URL密码验证

热门文章

  1. 前端学习(2968):实现路由跳转的两种方式
  2. [html] 使用svg画一个三角形
  3. [html] 如何让img自动适应div容器大小?
  4. [vue] 写出你知道的表单修饰符和事件修饰符
  5. [vue] 你有使用过vue开发多语言项目吗?说说你的做法?
  6. 工作186:实际案例解决vue+el-element二级联动,选项选择后不显示的问题
  7. 前端学习(2601):什么是跨域请求
  8. 前端学习(2505):小游戏设计
  9. “约见”面试官系列之常见面试题之第四十八篇之各个浏览器内核(建议收藏)
  10. 前端学习(2031)vue之电商管理系统电商系统之创建新分支