迷你资讯页面开发 iframe页面操作

迷你资讯页面：

开发注意点：1.所有的a链接，打开方式应选择新页面打开，target:_blank

2.index页采用iframe引用各资讯页，保证数据动态获取,头部head.html,底部游戏页面，资讯页面等子页面

3.页面的css文件最好用<style>写在页面内部,老大讲写在外部，可能会报错

4.天气插件http://www.tianqi.com/plugin/

5.搜索：酷点资讯页面选用的是搜狗搜索http://www.sogou.com/sogou?query=关键字&pid=sogou-site-91d0dbfd38d950cb；

6.搜索的form表单提交的时候：$(".formclassname").attr("action")=url报错建议使用document.getElementId("id").action=url;

7.form表单提交时，表单验证<form οnsubmit="return check()">

切记 function check(){}写在$(function(){})外部

8.通过子页面导航切换父页面bottom的iframe子页面时，需要加window.parent.document控制。

$(".nav_con li").mouseover(function(e) {
   $(this).addClass("txtbold").siblings().removeClass("txtbold");
   $(this).siblings().children("b").hide();
   $(this).children("b").show();
     var index1=$(this).index();
                                         $(".bottom iframe",window.parent.document).eq(index1).show().siblings().hide();
      });

9.iframe通过子页面调用父页面的函数

子页面script中var t=window.parent; t.ParentFunction();//弊端:本地google浏览器无效，服务器程序google有效

迷你资讯页面开发 iframe页面操作相关推荐

java伪协议_通过伪协议解决父页面与iframe页面通信的问题
我们经常会有父页面与iframe页面的操作,比如这个iframe里面的内容是js写的.如以下代码 var iframe = document.getElementById("iframe& ...
通过伪协议解决父页面与iframe页面通信的问题
通过伪协议解决父页面与iframe页面通信的问题参考文章: (1)通过伪协议解决父页面与iframe页面通信的问题 (2)https://www.cnblogs.com/fang9159/arc ...
父页面调子iframe页面方法和子iframe调用父页面方法
一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></ ...
session过期后登陆页面跳出iframe页面问题
登陆页面增加javascript: function window.onload() { if(window.parent.length>0) wind ...
父页面刷新iframe页面
$('#iframe').attr('src', $('#iframe').attr('src'));
html 调用父页面元素,操作iframe父页面、子页面的元素和方法 js
iframe获取父页面元素: JavaScript: $(window.parent.document.getElementById("元素id")) jquery: $(&quo ...
iframe页面嵌套问题
iframe页面嵌套问题开发工具与关键技术:VisualStudio C# 作者:落灵撰写时间:2019/6/8 一. iframe的框架根据内容自适应高度 iframe是在项目设计中经常用到的框 ...
从父页面在iframe中调用JavaScript代码
基本上,我将iframe嵌入到页面中,并且iframe具有一些我需要从父页面调用的JavaScript例程. 现在相反非常简单,因为您只需要调用parent.functionName() ,但是不幸的 ...
html5跨域获取页面元素,iframe嵌套页面跨域
如何用javascript 跨域获取iframe子页面的元素信息我的iframe嵌套在别人页面上,在iframe中ajax访问...以前没这问题啊,我更新了一下界面,难道是换了个jquery版本? ...

迷你资讯页面开发 iframe页面操作

迷你资讯页面开发 iframe页面操作相关推荐

最新文章

热门文章