iframe使用总结:
<!-- 左侧导航 给左侧 设置target="mainiframe ,iframe设置 name="mainiframe"
点击左侧,右侧自动变化 --><ul><li><dl class="cml_label"><dd><label><a href="/enterpriseportal/user/profile" target="mainiframe"style="color: #000; text-decoration: none">账号管理</a></label></dd></dl></li></ul><!-- 右侧内容 --><iframe src="/enterpriseportal/basicinfo" name="mainiframe" id="frm"width=100% marginheight=0 marginwidth=0frameborder="0"></iframe><script>// 父页面定义函数function sayHello(h) {var frm = $(window.parent.document).find("#frm");frm.height(1788);}//子页面调用$('.btn-success').click(function () {$(window.parent)[0].sayHello(0);})//每次点击不同的页面跳转,都滑动到开头function scrollbegin() {$("html,body", window.parent.document).animate({ scrollTop: 0 }, 200);}</script>
iframe 滚动但不显示滚动条
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>p {height: 50px;line-height: 50px;font-size: 16px;}</style>
</head><body><h1>《断章》--卞之琳</h1><p>你站在桥上看风景</p><p>看风景人在楼上看你</p><p>明月装饰了你的窗子</p><p>你装饰了别人的梦</p></body></html>
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>iframe去掉滚动条依然能滚动的方法</title><style type="text/css">*{margin: 0; padding: 0;}.iframe-wrap{position: relative;overflow: hidden;width: 300px; height: 150px; background: #eee;}.iframe{width: 100%; border: none;position: absolute; right: -20px; top: 0; bottom: 0;overflow-x: hidden; overflow-y: scroll;}</style></head><body><div class="iframe-wrap"><iframe src="1.html" class="iframe"></iframe></div></body></html>
iframe使用总结:相关推荐
- Selenium2+python自动化24-js处理富文本(带iframe)
前言 上一篇Selenium2+python自动化23-富文本(自动发帖)解决了富文本上iframe问题,其实没什么特别之处,主要是iframe的切换,本篇讲解通过js的方法处理富文本上iframe的 ...
- FRAME与IFRAME
FRAME与IFRAME 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL.只需要 转载于:https://www.cnblogs.com/vibratea/archive/200 ...
- 用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
Window postMessage() 方法 定义和用法 postMessage() 方法用于安全地实现跨源通信. 语法 otherWindow.postMessage(message, targe ...
- iframe几种常用代码片段
<iframeid="SGframe"src="外部文件名.html"frameborder="no"scrolling=" ...
- ASP.NET小收集:IFrame使用
使用Iframe制作一个固定框架,很方便与象后台网站之类的页面 1<htmlxmlns="http://www.w3.org/1999/xhtml">2<head ...
- iframe自动调整高度能在IE5里实现吗
偶已经理解到style="height:expression(main.document.body.scrollHeight)"只对第一次显示的内嵌网页有效,如果里面的内容更新必须 ...
- 如何实现iframe(嵌入式帧)的自适应高度
好几次看到有人提问问到如何实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象,刚好我在工作中也碰到了类似问题,于是上网翻查,东抄抄西看看,弄 ...
- “画中画”效果--谈IFRAME标签的使用
作者:秋实 文章来源:天极网页陶吧 纵观时下网站,本来网速就有些慢,可是几乎每页都要放什么Banner,栏目图片,版权等一大堆雷同的东西,当然,出于网站风格统一.广告效应的需要,本无可厚非,可毕 ...
- Iframe 用法浅析
解释成"浏览器中的浏览器"很是恰当 <iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth ...
- ajax iframe实现文件上传,iframe实现Ajax文件上传效果示例
avascript部分 ajax 文件上传~~ window.οnlοad=function(){ var form=document.getElementsByTagName('form')[0]; ...
最新文章
- N76E003快速上手使用和大坑提示
- 工作组无法访问计算机用户,工作组计算机无法访问,详细教您工作组计算机无法访问怎么解决...
- sublime_text 3 注册序列号
- Facebook190亿美元收购WhatsApp
- es6 Class 的 name 属性
- recvfrom函数 非阻塞_那些年让你迷惑的阻塞、非阻塞、异步、同步
- Java基础编程题目——找出姐妹素数
- 5月14日国内主流平台数字藏品发售日报
- blender布尔运算差值看不出效果/blender布尔差值无效
- Git暂存区有什么用
- HFS,超好用的本地文件分享利器
- MySQL学习分享之存储过程
- Linux进阶_PAM认证机制
- (转载)智慧能源物联网应用是什么样的
- USACO 3.1.1 网络布线
- layui框架KIT ADMIN后台管理系统模板
- Netty之ChannelPipeline(三)Outbound与Inbound事件的传播
- Linux下的动态监控进程
- 工业视觉检测关键技术
- CSS——如何在vscode中快乐的使用css tree 插件