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

来源:互联网 发布:手机软件清除数据 编辑:程序博客网 时间:2024/04/28 07:52

迷你资讯页面:

开发注意点: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 onsubmit="return check()">

                            function check(){
                                var keyword=$(".search_in").val();
                                if(keyword==""){
                                        return false;
                               }else{
                                         var url="http://www.sogou.com/sogou?query=&pid=sogou-site-91d0dbfd38d950cb";
                                        var index1=url.indexOf("query=");
                                        var url1=url.substring(0,index1+6)+$(".search_in").val();;
                                       var url2=url.substring(index1+6);
                                       var urlpath=url1+url2;
                                       document.getElementById("sousou").action=url1+url2;
                                       return true;
                               }
                             }

                           切记 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有效

                       

                      



0 0
原创粉丝点击