作者: think8848(公司主页: http://www.cleversoft.com, QQ: 166156888, Blog: http://think8848.cnblogs.com) 转载请保留此信息CleverTabs是一款jQuery插件,所需jQuery版本:1.6.1,jQuery UI样式版本:1.8.13;其功能为创建jQuery UI风格的Tab用于显示iframe。 本示例中符加了jQuery.contextMenu插件,我修改了其样式,使用了jQuery UI的皮肤 效果如下图: 初级应用示例: HTML代码: Javascript代码: 代码如下: $(function ()...
代码如下: function getIframeContent(){ //获取iframe中文档内容 var doc; if (document.all){//IE doc = document.frames["MyIFrame"].document; }else{//Firefox doc = document.getElementById("MyIFrame").contentDocument; } return doc.body.innerHTML; } JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query...
父页面代码 代码如下: 无标题文档 iframe页面代码 代码如下: 无标题文档 $("body",parent.document).append('hahaha'); iframe test--@mybest 在jQuery的文档上有这样的记录: jQuery(html, [ownerDocument]) 参数html String 用于动态创建DOM元素的HTML标记字符串 ownerDocument (可选) Document 创建DOM元素所在的文档 还是要多看,细看文档啊,真是所谓:书读百遍,其义自见啊! ------补记------...
代码如下: String query = request.getParameter("query"); MMStock2BudgetLogic bean = new MMStock2BudgetLogic(); String xmldata = bean.statStock2Budget(); %> 库存点采购总支出比 /plugins/FusionCharts/Style.css" type="text/css" /> /framework/sys-resources/css/jsoa.css" type="text/css" /> /plugins/FusionCharts/FusionCharts.js"> /plugins/jquery-1.6.4.min.js"> /framework/sys-resources/js/common_js...
重现如下: 代码如下: 设置iframe的document.designMode后仅Firefox中其body.innerHTML为br 输出ifr.contentWindow.document.body.innerHTML应该是空字符串。但Firefox中有点特殊。 请按下面步骤依次操作。 Firefox中打开该html默认输出了空字符串 控制台中执行changeDesignMode方法,再执行prif方法,这时输出的innerHTML为“”,如下Chrome/Safari/Opera输出的仍然是空字符串。
代码如下: var iframeids = [memberIndexIframe,inquiryCenterIframe,everychinaBbsIframe]; var iframehide = "yes"; function dynIframeSize(){ var dyniframe = []; for(var i=0;i<iframeids.length;i++){ if(!document.getElementById) return false; dyniframe[i] = document.getElementById(iframeids[i]); if(dyniframe[i] && !window.opera){ dyniframe[i].style.display = "block"; if(dyniframe[i].contentDocument && d...
调用页面如下: 代码如下: function MoniAjax1() { $("#iframe1").attr("src", "iframeD.htm"); } function MoniAjax2() { $("#javascriptq").attr("src", "Scripts/scriptD.js"); } iframeD.htm:是字符串就可以了 iframeD.htm scriptD.js:是可以运行的js代码 $("#result").html("Scripts/scriptD.js");JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端...
问题:iframe 上下滚动条如何默认在下方,做的是聊天工具,数据多了,每次刷新出现的上下滚动默认在上方,还需下拉到下面才能看到聊天记录,有办法让它出现在下方吗? 答案:直接在iframe里写window.scrollTo(0,9999999)或者设置div等容器的scrollTop 代码如下: document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight window.scrollTo(0,9999999) 这个是解决了在下方,但是有新信息后,滚动条...
刷新页面会提示 “要显示此页面, Firefox 必须发送将会导致重复之前动作的数据(例如搜索或者下订单)”看看以下代码 代码如下:$("iframe").load(function(){ $(this).attr("src","about:blank"); }) 框架打开后设置地址到一个空页面就可以避免这个提示但有个问题 就是设置src后会触发load事件,会导致循环加载所以需要设置一个参数 等触发完正常事件后 做一个标记load完后判断一下 代码如下:$("iframe[name=hi]").load(function()...
动态的改变IFrame的高度,实现IFrame自动伸展,父页面也自动神缩 原理: 在IFrame子页面一加载的时候,调用父IFrame对象,改变其高度 具体实现一: 1、在IFrame的具体页面(就是子页面),添加JavaScript 代码如下: function IFrameResize(){ //alert(this.document.body.scrollHeight); //弹出当前页面的高度 var obj = parent.document.getElementById("childFrame"); //取得父页面IFrame对象 //alert(obj.height); //弹出父页面中...
jquery.bgiframe.js在IE9下的错误 代码如下: SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) jquery.bgiframe.js, 行8 字符976 错误代码 代码如下: 1 {if(!$(iframe.bgiframe,this)[0])this.insertBefore(document.createElement(html),this.firstChild);});};})(jQuery); 在网上找到些结局方案 方案一: 代码如下: this.insertBefore(document.createElement(html),this.firstChild); HTML加个引号就行了。 目前就找...
最近做到iframe的高度自适应这个问题,网上一搜好多解决方案,而总结起来也就那几种,我逐一尝试这些方案,最后发现在我的项目中都不起作用,后来发现自己做的网页是通过file方式访问的,将网页代码放到apache下通过http协议访问,在iframe加载的时候调用如下js方法: 代码如下: <SPANstyle="FONT-FAMILY:KaiTi_GB2312;FONT-SIZE:18px">functionSetWinHeight(obj) { varwin=obj; if(document.getElementById) { if(win&&!window.o...
js跨域是个讨论很多的话题。iframe跨域访问也被研究的很透了。 一般分两种情况: 一、 是同主域下面,不同子域之间的跨域; 同主域,不同子域跨域,设置相同的document.domian就可以解决; 父页访问子页,可以document.getElementById("myframe").contentWindow.document来访问iframe页面的内容;如果支持contentDocument也可以直接document.getElementById("myframe").contentDocument访问子页面内容; 子页访问父页,可以...
用JavaScript刷新上级页面和当前页面 代码如下: //刷新上级页面 //window.parent.main.document.location.reload(); //刷新当前页面 document.location.reload(); 每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用下面的几种方法都可以引用frame或iframe元素: 代码如下: window.frames[index] windows.frames["框架名"] windows.框架名 如果想从框架所加载的网页中获取对父窗...
代码如下: //有两个按钮分别响应两个事件,用来控制iframe显示的网页。 function bd(){ var baidu = document.getElementById("i"); baidu.src = "http://www.baidu.com"; } function xl(){ var sina = document.getElementById("i"); sina.src = "http://www.sina.com.cn"; } #i{ width:400px; height:300px; } JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动...