使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果

时间:2022-06-17 15:11:52


事例
http://www.tvmenu.com

ifame代码

使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果< IFRAME  id ="t_content"  frameBorder ="0"  name ="dob"  style ="WIDTH:100%;HEIGHT:100%"  scrolling ="auto"  src ="" ></ IFRAME >

src设置为空:
在aspx文件最后添加js
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果< script >
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果        var tid 
=  tb_program.getTab(tb_program.selectedIndex).getAttribute( " id " ).substr( 2 ); // 取当前选择的电台的值
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果
        var tweek  =  tb_week.selectedIndex; // 取当前星期值
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果
        function tb_program.onselectedindexchange() // 当电台选择时
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果
         {
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果            var tab 
= tb_program.getTab(tb_program.selectedIndex);
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果            tid 
=tab.getAttribute("id");
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果            tid 
= tid.substr(2);
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果            dolocation(
0);
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果        }

使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果        function tb_week.onselectedindexchange()
// 当星期选择时
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果
         {
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果            tweek 
= tb_week.selectedIndex;
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果            dolocation(
0);
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果        }

使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果
// 使Iframe导航
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果
        function dolocation(first)
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果        
{
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果            
if(first == 0)//是否第一次
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果
                document.all("t_content").src = "content.aspx?tid="+tid+"&tweek="+tweek;
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果            
else
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果                document.all(
"t_content").src = "content.aspx?d=1&tid="+tid+"&tweek="+tweek;
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果            
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果        }

使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果        dolocation(
1 ); // 第一次时执行
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果
        
使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果
</ script >

这样速度不是超过,第一次加载的内容也少。