威尼斯人线上娱乐

开荒者才记得那一个,尽然有js写的操作系统

30 4月 , 2019  

唯有 90 时代的 Web 开采者才记得那些

2016/04/26 · 基本功手艺 ·
2 评论 ·
WEB

本文由 伯乐在线 –
dcscodelife
翻译,艾凌风
校稿。未经许可,禁止转发!
英文出处:holman。应接插足翻译组。

您已经强行把 <blink> 标签放入
<marquee> 标签呢?方今Pique斯动画工作室获得了装有荣誉,可是在 90
时期那些做法则是计算机动画的伟大创举。通过结合二种标签,你形成了八个先行者。3个创新意识Infiniti的人。2个令全部人都崇拜的人。

在 90 时期,你早已是一个网页开垦者。

在当下,你驾驭本人是三个出色的人员。伴随你而来的是极其大批量的技艺立异,从那时候发轫,大家还没来得及做出喜好,技巧就曾经起来复制开来了。

让大家先放下 jQuery,抛开非关系型数据库不谈:大家有更要紧的政工要研讨。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“;
<html xmlns=”;
<HEAD>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″
/>
<TITLE>『{$Think.config.web_name}管理平台』By ThinkPHP
{$Think.version}</TITLE>
<load 
file=”../Public/css/{$Think.config.web_css_style|getDefaultStyle}.css”
/>
<style>
html{overflow-x : hidden;}
</style>
<base target=”main” />
</HEAD>

Iframe用法精析

1×1.gif

一×1.gif
应有获得巨大的格莱美大奖。可能普利策音讯奖。可能类似三年级体育课上宣告的拔尖进步奖。除了链式链表,它是Computer科学史上最要害的成就。它不是我们应得的今后,而是大家需求的前途(直到盒子模型深透代替了它)。

1经你还没不理解大家的 1×一.gif 小把戏,请看下面:

威尼斯人线上娱乐 1

你能看出它呢,让大家加大学一年级些:

威尼斯人线上娱乐 2

The 1×1.gif

本条 1×壹.gif – 依然 spacer.gif,恐怕 transparent.gif –
仅仅是多少个长度宽度都是三个像素的透明 GIF 图像。

JavaScript

<IMG SRC=”/1×1.gif” WIDTH=150 HEIGHT=250>

1
<IMG SRC="/1×1.gif" WIDTH=150 HEIGHT=250>

由此地点的代码,你能够把成分放置在页面包车型地铁其余位置上。

JavaScript

<TABLE> <TR> <TD><IMG SRC=”1×1.gif” WIDTH=300>
<TD><FONT SIZE=42>Hello welcome to my
<MARQUEE>Internet Web Home</MARQUEE></FONT>
</TR> <TR> <TD BGCOLOR=RED><IMG
SRC=”/cgi/webcounter.cgi”> </TR> </TABLE>

1
2
3
4
5
6
7
8
9
<TABLE>
  <TR>
    <TD><IMG SRC="1×1.gif" WIDTH=300>
    <TD><FONT SIZE=42>Hello welcome to my <MARQUEE>Internet Web Home</MARQUEE></FONT>
  </TR>
  <TR>
    <TD BGCOLOR=RED><IMG SRC="/cgi/webcounter.cgi">
  </TR>
</TABLE>

一×一.gif
让你举手之劳地在页面包车型大巴别的位放置成分。直到明天终止,它依旧是独步天下的垂直居申月素的方式。

JavaScript

          

1
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

图形对于你来说是否太高端了?《HTML For Dummies》是或不是甘休第五章才介绍
<IMG> 标签?今后好了,你是幸而的:&nbsp; 标签来了!

您能够对团结说,“笔者清楚全体 HTML
实体编码。这一个弱不禁风的花美男来此处干嘛的?”

听着,作者亲如手足的灵气的摄人心魄的读者对象,那是三个现行反革命的青年人没有授予丰硕珍视的翻新:不断重复
&nbsp;。很像 一×一.gif 的小把戏,你能随便地扩大 &nbsp;
并用在其余你要求的地点:

JavaScript

PLEASE SIGN <BR>       MY GUESTBOOK
BELOW: <HR><HR>

1
2
3
PLEASE SIGN  <BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MY GUESTBOOK BELOW:
<HR><HR>

在 90 时期,即使自己每写下三个 &nbsp;
就赢得伍美分,作者就会有丰盛的钱支付来自U.S.在线的每月超额支出账单了。

// JS/UIX v0.44
// (c) mass:werk (N.Landsteiner) 2003
// all rights reserved

<body >
<div id=”menu” >
<TABLE cellpadding=0 cellspacing=0 >
<tr>
 <td height=’5′ colspan=7 ></td>
</tr>
<TR >
 <th ><IMG S揽胜C=”../Public/images/home.gif” WIDTH=”16″
HEIGHT=”1陆” BORubiconDE卡宴=”0″ ALT=”” align=”absmiddle”> <present
name=”Think.get.title”>
{$Think.get.title}</present><notpresent
name=”Think.get.title”>后台首页</notpresent> </th>
</TR>
<iterate id=”item” name=”menu” >
<eq name=”item[‘group_id’]” value=”$menuTag”>
<eq name=”item[‘access’]” value=”1″ >
<TR >
 <TD><div ><IMG SRC=”../Public/images/comment.gif”
WIDTH=”9″ HEIGHT=”9″ BORDER=”0″ align=”absmiddle” ALT=””> <A
name’]}/index/”
id=”{$key}”>{$item[‘title’]}</A></div></TD>
</TR>
</eq>
</eq>
</iterate>
<tr>
 <td height=’5′ colspan=7 ></td>
</tr>
</TABLE>
</div>
<script language=”JavaScript”>
<!–
 function refreshMainFrame(url)
 {
  parent.main.document.location = url;
 }

<iframe frameborder=0 width=170 height=100 marginheight=0
marginwidth=0 scrolling=no src=”move-ad.htm”></iframe>

点下划线,边界效应

在 HTML 快走到他的纯金时代的尾巴时,CSS
上台了,它拉动了叁个剧情和样式分离的社会风气,从此我们也伊始不停地拍卖横祸。

勇敢地自然是用 CSS
来删除链接的下划线效果。壹夜之间,整个因特网都陷入了那么些点子所拉动的泥泞之中,文本看起来像链接,链接看起来像文本。你不知底点何地,不过黑古铜色并未频频多长期,因为我们评释了光标效果(你还平素不活到你的鼠标有10个火球尾巴的时候)。

高档技能的运用是这么明显,以至于大致咱们全部人都从一开端就利用
CSS。小编依然在 两千 年的一份 index.shtml(对,正是SSI)文书档案中开采了证据:

JavaScript

<style type=”text/css”> <!– a:hover {text-decoration: none;
color: #000000} –> </style>

1
2
3
4
5
<style type="text/css">
<!–
a:hover {text-decoration: none; color: #000000}
–>
</style>

正是它了!当然,这是 CSS
的内嵌样式。这么些样式使您的鼠标滑过链接时,删除链接的下划线并且链接的文字变黑。从此,交互式网站诞生了。

// term gui

 if (document.getElementsByTagName(“a”)[0].href)
 {
refreshMainFrame(document.getElementsByTagName(“a”)[0].href);  
 }
//–>
</script>
</body>
</html>

<IFRAME>用于安装文本或图片的浮动图像和文字框或器皿。

DHTML 动态超文本标志语言

就在大家具有了除去链接下划线的工夫后,大家决定把它和3个精锐成效结合起来,这一个效果正是在页面加载的时候弹出一个音讯框
alert("Welcome to my website!")。组合 CSS 和 JavaScript
的两岸力量,大家获得了3个技艺怪兽:DHTML。

DHTML,表示“布满式
HTML”,那是网页开荒工具的最高成就。它将忍受住时间的考验,它能够使我们兑现广大功用,比方雪花从页面顶部飘落下来,也许创设可折叠的菜系,动态的图纸地图,又大概除了使用语义标签
<div>,大家还足以自定义 <marquee> 标签。

DHTML 帮衬 Web 开辟从业余爱好发展到3个早熟的行业内部领域。类似 Dynamic
Drive 那样的网址使您能够独自经过复制粘贴贰个 50
行的代码块,就能够化解别的难点,而不需求自个儿再想想立异的消除方法。实际上,
DHTML 正是那3个时代的 推特 Bootstrap 框架。

var conf_term_x=102;
var conf_term_y=34;
var conf_kbd_offset=34;
var termImgPath=’jsuix_support/’;
var termDiv=’termDiv’;
var termBgColor=’#181818′;
var termFrameColor=’#555555′;
var termPageColor=’#222222′;
var conf_repeat_delay1=320;
var conf_repeat_delay2=170;


BORDER

像素字体

10分时期的Computer显示器不是异常的大。笔者的乐趣是,就算自从阴极射线管显示器 CRT
诞生后,显示器的尺寸的确比相当大,但是它们的分辨率不高。由此,为了充裕利用像素,大家亟须用
陆 个像素点来代表任性字符。

威尼斯人线上娱乐 3

从字里行间我们能够见见,当面对着那个回顾的无法再轻松的书体,并且当开采到那几个字体都以由像素结合的时候,Web
开荒者们会渴望成为贰个漫书法大师。所以你会在起步画面上收看那多个古怪的等距像素插图,那些开采者的光阴和钱财倘使投到那一个新上市的互连网香港中华厂商联合会发生更多的股票总值,而不是浪费在设置
Photoshop 软件上。

var termKbdDiv=’termKbdDiv’;
var termKbdBgColor=’#222222′;
var keycapspath=’jsuix_support/keycaps/’;

<IFRAME BORDER=”3″></IFRAME>

按钮

自己深信不疑大千世界由此讨厌IE浏览器,都以因为IE浏览器放弃了当初那种最纯粹的金科玉律

IE 四.0 是浏览器的一应俱全化身。它具备动态桌面。具备通道
Channels。对,正是巨大的锦绣前程,那是最酷的技能,在此以前根本不曾在市面上被运用过,一点都未曾。总的来讲,IE
四 太如愿以偿了,无论你是不是喜欢它,你都应该把它装到你的微管理器上。

当你属于精英团队时,你深入明白完美的股票总市值,你有1种与生俱来的欢喜,你想告诉每1个你境遇的人你的主宰。你,也只是只有你有须要严正地做二个巨人的垄断(monopoly)。例如决定你的客户选取什么浏览器浏览你的网址。

威尼斯人线上娱乐 4

这几个按键随处可遇。就像是军官服装上的绶带:向人们揭发着她们为了最近的荣誉,曾经是什么努力战争的好玩的事。换句话说,无论你用哪叁个编辑器(当然是
FrontPage 九八),无论你的 Web 服务器是哪些(傻瓜,当然是
GeoCities),无论是 Web
环的哪些部分(那些按键无论怎样都将提升你的网址排名)

本人思量那段美好的时节。方今大家在
Javascript上拓展抽象,在空虚之上又开始展览抽象。大家乃至都不知情什么样标准地拓展测算。每当想起大家什么走到后天这一步,都令人万分震憾。

让我们自豪地举起酒杯,帮大家3个忙:复制一批 &nbsp;
到您的下一个代码提交中,让你的集体成员大吃一惊吧。

1 赞 收藏 2
评论

var termSubDivs=false;
var termLayers=false;
var termDocNS4=null;
var termStringStart=”;
var termStringEnd=”;

设定围绕图像和文字框的边缘宽度

有关我:dcscodelife

威尼斯人线上娱乐 5

简单介绍还没来得及写 :)
个人主页 ·
笔者的小说 ·
10 ·
 

威尼斯人线上娱乐 6

var termKbdDocNS4=null;
var termKbdOn=false;
var keycapsShift=false;
var keycapsCpslk=false;
var keycapsShiftRef=new Array();
var keycapsCpslkRef=new Array();

FRAMEBODER

var termSpecials=new Array();
termSpecials[0]=’ ‘;
termSpecials[1]=’$’;
termSpecials[2]=’ ‘;
termSpecials[3]=’?’;
termSpecials[4]=’#’;
termSpecials[32]=’ ‘;
termSpecials[34]='”‘;
termSpecials[38]=’&’;
termSpecials[60]='<‘;
termSpecials[62]=’>’;
termSpecials[127]=’◊’;

<IFRAME FRAMEBODER=”0″></IFRAME>

var termStyles=new Array(1,2,4,8);
var termStyleOpen=new Array();
var termStyleClose=new Array();
termStyleOpen[1]='<SPAN CLASS=”termReverse”>’;
termStyleClose[1]='<\/SPAN>’;
termStyleOpen[2]='<U>’;
termStyleClose[2]='<\/U>’;
termStyleOpen[4]='<I>’;
termStyleClose[4]='<\/I>’;
termStyleOpen[8]='<STRIKE>’;
termStyleClose[8]='<\/STRIKE>’;

设置边框是不否为三维(0=否,一=是)

// buttons UI

HEIGHT,WIDTH

var termImgNames=new Array(‘left_lo’, ‘left_hi’, ‘right_lo’, ‘right_hi’, ‘delete_lo’, ‘delete_hi’, ‘esc_lo’, ‘esc_hi’, ‘kbd_show_lo’, ‘kbd_show_hi’, ‘kbd_hide_lo’, ‘kbd_hide_hi’);
var termImages=new Array();

<IFRAME HEIGHT=”31″ WIDTH=”88″></IFRAME>

function termImgPreload(path,imgnames) {
    for (var i=0; i<imgnames.length; i++) {
        var n=imgnames[i];
        termImages[n]=new Image();
        termImages[n].src=path+n+’.gif’
    }
}

设质边框的大幅和可观

if (document.images) termImgPreload(termImgPath,termImgNames);

SCROLLING

function termSetImg(n,v) {
    if (document.images) {
        var img=(termLayers)? termDocNS4.images[‘term_’+n] : document.images[‘term_’+n];
        var stat=(v)? ‘_hi’ : ‘_lo’;
        img.src=termImages[n+stat].src
    }
}

<IFRAME SCROLLING=”NO”></IFRAME>

// UI keyboard
// key maps (200=left shift, 202=right shift, 204=CpsLock)

是或不是有滚动条(YES,NO,AUTO)

var termKeyMap= [
    [96,49,50,51,52,53,54,55,56,57,48,45,61,8],
    [27,113,119,101,114,116,121,117,105,111,112,91,93,13],
    [204,97,115,100,102,103,104,106,107,108,59,39,35],
    [200,92,122,120,99,118,98,110,109,44,46,47,30,202],
    [32,28,31,29]
];
var termKeyMapShift=[
    [126,33,34,35,36,37,94,38,42,40,41,95,43,8],
    [27,81,87,69,82,84,89,85,73,79,80,123,125,13],
    [204,65,83,68,70,71,72,74,75,76,58,34,64],
    [200,124,90,88,67,86,66,78,77,60,62,63,30,202],
    [32,28,31,29]
];
var termKeyMapCpslk=[
    [96,49,50,51,52,53,54,55,56,57,48,45,61,8],
    [27,81,87,69,82,84,89,85,73,79,80,91,93,13],
    [204,65,83,68,70,71,72,74,75,76,59,39,35],
开荒者才记得那一个,尽然有js写的操作系统。    [200,92,90,88,67,86,66,78,77,44,46,47,30,202],
    [32,28,31,29]
];
var termKeyWdth=[
    [35,35,35,35,35,35,35,35,35,35,35,35,35,69],
    [55,35,35,35,35,35,35,35,35,35,35,35,35,0],
    [65,35,35,35,35,35,35,35,35,35,35,35,35],
    [49,35,35,35,35,35,35,35,35,35,35,35,35,54],
    [252,35,35,35]
];

SRC

var keycapsImgNames=new Array(200,201,202,203,204,205);

<IFRAME SRC=”GIRL.GIF”></IFRAME>

function termKeyCaps(k) {
    if ((k<28) && (k>=32) && (repeatTimer)) clearTimeout(repeatTimer);
    if (k==204) {
        keycapsCpslk=(!keycapsCpslk);
        var cnr=(keycapsCpslk)? 205:204;
        termKbdSetImg(204,cnr)
    }
    else if ((k==200) || (k==202)) {
        keycapsShift=(!keycapsShift);
        var m=(keycapsShift)? 1:0;
        termKbdSetImg(200,200+m);
        termKbdSetImg(202,202+m)
    }
    else {
        var ch=0;
        if (keycapsShift) {
            ch=keycapsShiftRef[k]
            keycapsShift=false;
            termKbdSetImg(200,200);
            termKbdSetImg(202,202)
        }
        else if (keycapsCpslk) ch=keycapsCpslkRef[k]
        else ch=k;
        keyHandler({which:ch,jsuix_remapped:true})
    }
}

点名IFRAME调用的公文或图表(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*)

function termKbdSetImg(n,v) {
    if (document.images) {
        var img=(termLayers)? termKbdDocNS4.images[‘key’+n] : document.images[‘key’+n];
        img.src=termImages[v].src
    }
}

“画中画”效果–谈IFRAME标签的行使

function termSetKbdButton(v) {
    if (document.images) {
        var img=(termLayers)? termDocNS4.images.term_kbd_show : document.images.term_kbd_show;
        var n=(termKbdOn)? ‘kbd_hide’ : ‘kbd_show’;
        var stat=(v)? ‘_hi’ : ‘_lo’;
        img.src=termImages[n+stat].src
    }
}

综观时下网址,本来网速就有些慢,不过差不多每页都要放什么Banner,栏目图片,版权等一大堆雷同的事物,当然,出于网址风格统一、广告效应的急需,本无可非议,可究竟让用户的钱包为这一个“点缀“的东西”日益消得钱憔悴”了,有未有法子,让这么些雷同的事物一遍下载后就不用再下载,而只下载那么些剧情有变化区域的网页内容呢?

function termKbdShow() {
    if (termKbdOn) {
        setDivVisibility(termKbdDiv,0);
        termKbdOn=false;
        termSetKbdButton(0)
    }
    else {
        termImgPreload(keycapspath,keycapsImgNames);
        keycapsShift=false;
        keycapsCpslk=false;
        var s='<TABLE BORDER=”0″ CELLSPACING=”0″ CELLPADDING=”0″>\n’;
        s+='<TR><TD WIDTH=”7″ BGCOLOR=”‘+termPageColor+'”><IMG SRC=”‘+keycapspath+’spacer.gif” WIDTH=”7″ HEIGHT=”2″><\/TD>\n’;
        s+='<TD BGCOLOR=”‘+termPageColor+'”>’+termMakeKbd()+'</TD>\n’;
        s+'<TD WIDTH=”7″ BGCOLOR=”‘+termPageColor+'”><IMG SRC=”‘+keycapspath+’spacer.gif” WIDTH=”7″ HEIGHT=”2″><\/TD><\TR>\n’;
        s+='<TR><TD HEIGHT=”10″ COLSPAN=”3″ BGCOLOR=”‘+termPageColor+'”><IMG SRC=”‘+keycapspath+’spacer.gif” WIDTH=”2″ HEIGHT=”10″><\/TD><\/TR>\n’;
        s+='<\/TABLE>’;
        writeElement(termKbdDiv,s);
        setDivXY(termKbdDiv,conf_term_x,conf_term_y+conf_kbd_offset+conf_rows*conf_rowheigt);
        if (termLayers) termKbdDocNS4=document.layers[termKbdDiv].document;
        termKbdOn=true;
        setDivVisibility(termKbdDiv,1);
        termSetKbdButton(0)
    }
}

答案很自然:应用Iframe标志!

function termMakeKbd() {
    var s='<TABLE BORDER=”0″ CELLSPACING=”0″ CELLPADDING=”0″>\n’;
    for (var i=0; i<termKeyMap.length; i++) {
        s+='<TR><TD NOWRAP HEIGHT=”39″ VALIGN=”top” NOWRAP BGCOLOR=”‘+termKbdBgColor+'”>’;
        for (var k=0; k<termKeyMap[i].length; k++) {
            var kc=termKeyMap[i][k];
            keycapsShiftRef[kc]=termKeyMapShift[i][k];
            keycapsCpslkRef[kc]=termKeyMapCpslk[i][k];
            if (kc==13) {
                s+='<A HREF=”javas’+’cript:termKeyCaps(13)” onfocus=”if(this.blur)this.blur()”><IMG SRC=”‘+keycapspath+’13_1.gif” HSPACE=”0″ VSPACE=”0″ ALIGN=”top” BORDER=”0″ WIDTH=”47″ HEIGHT=”39″><\/A>’;
                continue
            };
            if (kc==32) s+='<IMG SRC=”‘+keycapspath+’spacer.gif” WIDTH=”139″ HEIGHT=”35″ HSPACE=”1″ VSPACE=”1″ ALIGN=”top”>’
            else if (kc==28) {
                s+='<IMG SRC=”‘+keycapspath+’spacer.gif” WIDTH=”23″ HEIGHT=”35″ HSPACE=”1″ VSPACE=”1″ ALIGN=”top”>’;
                s+='<A HREF=”javasc’+’ript:cursorKbdLeft()” onfocus=”if(this.blur)this.blur()” onmousedown=”repeatSet(\’left\’,1)” onmouseup=”repeatClear()”><IMG SRC=”‘+keycapspath+kc+’.gif” NAME=”key’+kc+'” HSPACE=”1″ VSPACE=”1″ ALIGN=”top” BORDER=”0″ WIDTH=”‘+termKeyWdth[i][k]+'” HEIGHT=”35″><\/A>’;
                continue
            }
            else if (kc==29) {
                s+='<A HREF=”javasc’+’ript:cursorKbdRight()” onfocus=”if(this.blur)this.blur()” onmousedown=”repeatSet(\’right\’,1)” onmouseup=”repeatClear()”><IMG SRC=”‘+keycapspath+kc+’.gif” NAME=”key’+kc+'” HSPACE=”1″ VSPACE=”1″ ALIGN=”top” BORDER=”0″ WIDTH=”‘+termKeyWdth[i][k]+'” HEIGHT=”35″><\/A>’;
                continue
            }
            else if (kc==8) {
                s+='<A HREF=”javasc’+’ript:termKbdBackspace()” onfocus=”if(this.blur)this.blur()” onmousedown=”repeatSet(\’backspace\’,1)” onmouseup=”repeatClear()”><IMG SRC=”‘+keycapspath+kc+’.gif” NAME=”key’+kc+'” HSPACE=”1″ VSPACE=”1″ ALIGN=”top” BORDER=”0″ WIDTH=”‘+termKeyWdth[i][k]+'” HEIGHT=”35″><\/A>’;
                continue
            }
            s+='<A HREF=”javas’+’cript:termKeyCaps(‘+kc+’)” onfocus=”if(this.blur)this.blur()”><IMG SRC=”‘+keycapspath+kc+’.gif” NAME=”key’+kc+'” HSPACE=”1″ VSPACE=”1″ ALIGN=”top” BORDER=”0″ WIDTH=”‘+termKeyWdth[i][k]+'” HEIGHT=”35″><\/A>’;
            if (kc==35) s+='<A HREF=”javas’+’cript:termKeyCaps(13)” onfocus=”if(this.blur)this.blur()”><IMG SRC=”‘+keycapspath+’13_2.gif” HSPACE=”0″ VSPACE=”0″ ALIGN=”top” BORDER=”0″ WIDTH=”37″ HEIGHT=”36″><\/A>’;
        };
        s+='<\/TD><\/TR>\n’;
    };
    s+='<\/TABLE>’;
    return s
}

 

// term UI

 

function termHide() {
    if (repeatTimer) clearTimeout(repeatTimer);
    if (termKbdOn) termKbdShow();
    setDivVisibility(termDiv,0)
}

一、Iframe标志的利用

function makeTerm() {
    window.status=’Building terminal …’;
    termLayers=(document.layers)? true:false;
    termSubDivs=(navigator.userAgent.indexOf(‘Gecko’)<0);
    var s=”;
    s+='<TABLE BORDER=”0″ CELLSPACING=”0″ CELLPADDING=”1″>\n’;
    s+='<TR><TD BGCOLOR=”‘+termFrameColor+'” COLSPAN=”2″><TABLE BORDER=”0″ CELLSPACING=”0″ CELLPADDING=”2″><TR><TD  BGCOLOR=”‘+termBgColor+'”><TABLE BORDER=”0″ CELLSPACING=”0″ CELLPADDING=”0″>\n’;
    var rstr=”;
    for (var c=0; c<conf_cols; c++) rstr+=’ ‘;
    for (var r=0; r<conf_rows; r++) {
        var id=((termLayers) || (termSubDivs))? ” : ‘ ID=”term_’+r+'”‘;
        s+='<TR><TD NOWRAP HEIGHT=”‘+conf_rowheigt+'”‘+id+’ CLASS=”term”>’+rstr+'<\/TD><\/TR>\n’;
    };
    s+='<\/TABLE><\/TD><\/TR>\n’;
    s+='<\/TABLE><\/TD><\/TR>\n’;

谈起Iframe,恐怕你早已将之扔到“被遗忘的犄角”了,然而,提起其兄弟Frame就不会素不相识了。Frame标志即帧标志,我们所说的多帧结构就是在二个浏览器窗口中显得三个HTML文件。未来,我们相见1种很具体的地方:如有二个学科,是一节1节地上,每页末尾做三个“上1节“、“下一节“的链接,除了每节教程内容见仁见智之外,页面此外一些内容都以平等的,要是一页1页地做笨页面,那就好像太令人刻骨仇恨了,那时突发奇想,如若有一种办法让页面别的地点不改变,只将课程做成一页一页的剧情页,不含其余内容,在点击上下翻页链接时,只变动教程内容部分,别的保持不改变,那样,1是省时,另则将来如教程有个叁长两短的更换,也很便利,不致于牵一发而动全军了;更主要的是将那些广告Banner、栏目列表、导航等大约每页的都某些东西只下载三次后就不再下载了。
Iframe标志,又叫浮动帧标记,你能够用它将1个HTML文书档案嵌入在3个HTML中显得。它差异于Frame标识最大的表征即这些符号所引用的
HTML文件不是与其它的HTML文件相互独立呈现,而是能够直接嵌入在2个HTML文件中,与那一个HTML文件内容交互融入,成为3个完好无缺,别的,仍能屡屡在二个页面内呈现同1内容,而毋庸再次写内容,二个形象的比如即“画中画“TV。

    s+='<TR>\n<TD VALIGN=”middle” BGCOLOR=”‘+termPageColor+'”><TABLE BORDER=”0″ CELLSPACING=”0″ CELLPADDING=”1″><TR>\n’;
    s+='<TD><A HREF=”javasc’+’ript:termKbdShow()” onmouseover=”termSetKbdButton(1); window.status=\’show/hide full graphic keyboard\’; return true” onmouseout=”termSetKbdButton(0); window.status=\’\’; return true” onfocus=”if(this.blur)this.blur()”><IMG SRC=”‘+termImgPath+’kbd_show_lo.gif” NAME=”term_kbd_show” WIDTH=”73″ HEIGHT=”19″ BORDER=”0″ HSPACE=”5″ ALT=”show/hide keyboard”><\/A><\/TD><\/TR><\/TABLE><\/TD>\n’;

后天大家谈一下Iframe标识的使用。

    s+='<TD ALIGN=”right”><TABLE BORDER=”0″ CELLSPACING=”0″ CELLPADDING=”1″><TR>\n’;
    s+='<TD><A HREF=”javasc’+’ript:cursorKbdLeft()” onmouseover=”termSetImg(\’left\’,1); window.status=\’left\’; return true” onmouseout=”termSetImg(\’left\’,0); window.status=\’\’; return true” onfocus=”if(this.blur)this.blur()” TITLE=”cursor left” onmousedown=”repeatSet(\’left\’,1)” onmouseup=”repeatClear()”><IMG SRC=”‘+termImgPath+’left_lo.gif” NAME=”term_left” WIDTH=”23″ HEIGHT=”23″ ALT=”cursor left” BORDER=”0″><\/A><\/TD>\n’;
    s+='<TD><A HREF=”javasc’+’ript:cursorKbdRight()” onmouseover=”termSetImg(\’right\’,1); window.status=\’right\’; return true” onmouseout=”termSetImg(\’right\’,0); window.status=\’\’; return true” onfocus=”if(this.blur)this.blur()” TITLE=”cursor right” onmousedown=”repeatSet(\’right\’,1)” onmouseup=”repeatClear()”><IMG SRC=”‘+termImgPath+’right_lo.gif” NAME=”term_right” WIDTH=”23″ HEIGHT=”23″ ALT=”cursor right” BORDER=”0″><\/A><\/TD>\n’;
    s+='<TD><A HREF=”javasc’+’ript:termKbdBackspace()” onmouseover=”termSetImg(\’delete\’,1); window.status=\’backspace\’; return true” onmouseout=”termSetImg(\’delete\’,0); window.status=\’\’; return true” onfocus=”if(this.blur)this.blur()” TITLE=”backspace” onmousedown=”repeatSet(\’backspace\’,1)” onmouseup=”repeatClear()”><IMG SRC=”‘+termImgPath+’delete_lo.gif” NAME=”term_delete” WIDTH=”23″ HEIGHT=”23″ ALT=”backspace” BORDER=”0″><\/A><\/TD>\n’;
    s+='<TD><A HREF=”javasc’+’ript:termKbdEsc()” onmouseover=”termSetImg(\’esc\’,1); window.status=\’esc\’; return true” onmouseout=”termSetImg(\’esc\’,0); window.status=\’\’; return true” onfocus=”if(this.blur)this.blur()” TITLE=”esc”><IMG SRC=”‘+termImgPath+’esc_lo.gif” NAME=”term_esc” WIDTH=”23″ HEIGHT=”23″ ALT=”esc” BORDER=”0″><\/A><\/TD>\n’;
    s+='<\/TR><\/TABLE><\/TD><\/TR>\n’;
    s+='<\/TABLE>\n’;
    if (termLayers) {
        for (var r=0; r<conf_rows; r++) {
            s+='<LAYER NAME=”term_’+r+'” TOP=”‘+(3+r*conf_rowheigt)+'” LEFT=”3″ CLASS=”term”><\/LAYER>\n’
        };
        termDocNS4=document.layers[termDiv].document;
        termStringStart='<TABLE BORDER=”0″ CELLSPACING=”0″ CELLPADDING=”0″><TR><TD NOWRAP HEIGHT=”‘+conf_rowheigt+'” CLASS=”term”>’;
        termStringEnd='<\/TD><\/TR><\/TABLE>’;
    }
    else if (termSubDivs) {
        for (var r=0; r<conf_rows; r++) {
            s+='<DIV ID=”term_’+r+'” STYLE=”position:absolute; top:’+(3+r*conf_rowheigt)+’px; left: 3px;” CLASS=”term”><\/DIV>\n’
        };
        termStringStart='<TABLE BORDER=”0″ CELLSPACING=”0″ CELLPADDING=”0″><TR><TD NOWRAP HEIGHT=”‘+conf_rowheigt+'” CLASS=”term”>’;
        termStringEnd='<\/TD><\/TR><\/TABLE>’;
    };
    writeElement(termDiv,s);
    setDivXY(termDiv,conf_term_x,conf_term_y);
    setDivVisibility(termDiv,1);
    window.status=”
}

Iframe标识的选择格式是:

function termDisplay(r) {
    var s=termStringStart;
    var curStyle=0;
    for (var i=0; i<conf_cols; i++) {
        var c=term[r][i];
        var cs=termStyle[r][i];
        if (cs!=curStyle) {
            if (curStyle) {
                for (var k=termStyles.length-1; k>=0; k–) {
                    var st=termStyles[k];
                    if (curStyle&st) s+=termStyleClose[st];
                }
            };
            curStyle=cs;
            for (var k=0; k<termStyles.length; k++) {
                var st=termStyles[k];
                if (curStyle&st) s+=termStyleOpen[st];
            }
        };
        s+= (termSpecials[c])? termSpecials[c] : String.fromCharCode(c);
    };
    if (curStyle>0) {
        for (var k=termStyles.length-1; k>=0; k–) {
            var st=termStyles[k];
            if (curStyle&st) s+=termStyleClose[st];
        }
    };
    s+=termStringEnd;
    writeElement(‘term_’+r,s,termDocNS4)
}

 

function termGuiReady() {
    ready=true;
    if (termGuiElementReady(termDiv, self.document)) {
        for (var r=0; r<conf_rows; r++) {
            if (termGuiElementReady(‘term_’+r,termDocNS4)==false) {
                ready=false;
                break
            }
        }
    }
    else ready=false;
    return ready
}

 

function cursorKbdLeft() {
    keyHandler({which:28})
}

复制代码代码如下:

function cursorKbdRight() {
    keyHandler({which:29})
}

<Iframe src=”URL” width=”x” height=”x” scrolling=”[OPTION]”
frameborder=”x”></iframe>

function termKbdBackspace() {
    keyHandler({which:8})
}

 

function termKbdEsc() {
    keyHandler({which:27})
}

src:文件的不二秘籍,既但是HTML文件,也足以是文件、ASP等;

function termKbdClear() {
    if ((!cnslLock) && (!cnslRawMode)) cnslReset();
}

width、height:”画中画”区域的宽与高;

// UI-button repeat

scrolling:当SRC的钦定的HTML文件在内定的区域不显不完时,滚动选项,假设设置为NO,则不出新滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;

function repeatSet(cmd,on) {
    if (repeatTimer) clearTimeout(repeatTimer);
    repeatTimer=setTimeout(‘repeatDo(“‘+cmd+'”)’,conf_repeat_delay1);
}

FrameBorder:区域边框的上涨的幅度,为了让“画中画“与临近的剧情相融入,常设置为0。

function repeatClear() {
    if (repeatTimer) clearTimeout(repeatTimer);
}

比如:

function repeatDo(cmd) {
    if (repeatTimer) clearTimeout(repeatTimer);
    if (cmd==’left’) cursorKbdLeft()
    else if (cmd==’right’) cursorKbdRight()
    else if (cmd==’backspace’) termKbdBackspace();
    repeatTimer=setTimeout(‘repeatDo(“‘+cmd+'”)’,conf_repeat_delay2);
}

 

// basic dynamics

 

function writeElement(e,t,d) {
    if (document.layers) {
        var doc=(d)? d : self.document;
        doc.layers[e].document.open();
        doc.layers[e].document.write(t);
        doc.layers[e].document.close()
    }
    else if (document.getElementById) {
        var obj=document.getElementById(e);
        obj.innerHTML=t
    }
    else if (document.all) {
        document.all[e].innerHTML=t
    }
}

复制代码代码如下:

function setDivXY(d,x,y) {
    if (document.layers) {
        document.layers[d].moveTo(x,y)
    }
    else if (document.getElementById) {
        var obj=document.getElementById(d);
        obj.style.left=x+’px’;
        obj.style.top=y+’px’
    }
    else if (document.all) {
        document.all[d].style.left=x+’px’;
        document.all[d].style.top=y+’px’
    }
}

<Iframe src=””;; width=”250″ height=”200″
scrolling=”no” frameborder=”0″></iframe>

function setDivVisibility(d,v) {
    if (document.layers) {
        document.layers[d].visibility= (v)? ‘show’:’hide’;
    }
    else if (document.getElementById) {
        var obj=document.getElementById(d);
        obj.style.visibility= (v)? ‘visible’:’hidden’;
    }
    else if (document.all) {
        document.all[d].style.visibility= (v)? ‘visible’:’hidden’;
    }
}

 

function termGuiElementReady(e,d) {
    if (document.layers) {
        var doc=(d)? d : self.document;
        return ((doc) && (doc.layers[e]))? true:false
    }
    else if (document.getElementById) {
        return (document.getElementById(e))? true:false
    }
    else if (document.all) {
        return (document.all[e])? true:false
    }
    else return false
}

二、父窗体与浮动帧之间的交互决定
在脚本语言与对象档次中,包括Iframe的窗口大家誉为父窗体,而浮动帧则称为子窗体,弄清那四头的涉及很重视,因为要在父窗体中访问子窗体或相反都无法不清楚对象等级次序,才能透进度序来访问并操纵窗体。

//eof

一、在父窗体中做客并调节子窗体中的对象

你或者感兴趣的篇章:

  • JavaScript
    检查测试浏览器和操作系统的本子
  • jsp
    获取客户端的浏览器和操作系统音信
  • JavaScript
    获取用户客户端操作系统版本
  • js下获得客户端操作系统的函数代码(一:vista,二:windows7,叁:2000,肆:xp,伍:2003,陆:2008)
  • JavaScript高级程序设计阅读笔记(十6)
    javascript检查评定浏览器和操作系统-detect.js
  • 应用Javascript剖断操作系统的连串实现分化操作系统下的包容性
  • JS获得浏览器版本和操作系统版本的例子
  • 卷入好的js决断操作系统与浏览器代码分享
  • 基于JavaScript的操作系统你听别人说过呢?

在父窗体中,Iframe即子窗体是document对象的三个子目标,能够一向在本子中访问子窗体中的对象。

现行反革命就有一个难题,即,我们怎样来支配这些Iframe,这里供给讲一下Iframe对象。当我们给这么些符号设置了ID
属性后,就可经过文档对象模型DOM对Iframe所含的HTML举办一文山会海决定。

诸如在example.htm里停放test.htm文件,并调节test.htm里一些标志对象:

 

 

复制代码代码如下:

<Iframe src=”test.htm” id=”test” width=”250″ height=”200″
scrolling=”no” frameborder=”0″></iframe>

test.htm文件代码为:

<html>

<body>

<h1 id=”myH1″>hello,my boy</h1>

</body>

</html>

 

如我们要转移ID号为myH一的H一标识里的文字为hello,my dear,则可用:

document.myH1.innerText=”hello,my dear”(其中,document可省)

在example.htm文件中,Iframe标志对象所指的子窗体与一般的DHTML对象模型壹致,对目标访问调控格局相同,就不再赘言。

贰 、在子窗体中走访并调整父窗体中对象

在子窗体中大家可以经过其parent即父(双亲)对象来拜会父窗口中的对象。

如example.htm:

 

 

复制代码代码如下:

<html>

<body onclick=”alert(tt.myH1.innerHTML)”>

<Iframe name=”tt” src=”frame1.htm” width=”250″ height=”200″
scrolling=”no” frameborder=”0″></iframe>

<h1 id=”myH2″>hello,my wife</h1>

</body>

</html>

 

假定要在frame一.htm中做客ID号为myH第22中学的标题文字并将之改为”hello,my
friend”,大家就能够那样写:

parent.myH2.innerText=”hello,my friend”

此地parent对象就表示当前窗体(example.htm所在窗体),要在子窗体中做客父窗体中的对象,无壹例外都由此parent对象来举行。

Iframe就算内嵌在另一个HTML文件中,但它保持绝对的独门,是3个“独立王国“哟,在单1HTML中的性格同样适用于浮动帧中。

试想一下,通过Iframe标志,大家可将那些不改变的内容以Iframe来代表,那样,不必再一次写一样的始末,那有点象程序设计中的进度或函数,减省了有个别繁琐的手工业劳动!其它,至关心保养要的是,它使页面包车型客车修改更为实惠,因为,不必因为版式的调节而修改各类页面,你只需修改3个父窗体的版式就能够了。

有某个要留心,Nestscape浏览器不援救Iframe标志,但在当前IE的中外,那犹如也无大碍,遍布应用Iframe标记,既为自身(网址)着了想,又为网络朋友节省了网费,甘之如饴?

例子

 

 

复制代码代码如下:

<iframe src=”页面” width=”宽度” height=”中度”
align=”排列能够是left或right,center”
scrolling=”是还是不是有滚动条能够填no或yes” ></iframe>

<IFRAME frameBorder=0 frameSpacing=0 height=25 marginHeight=0
marginWidth=0 scrolling=no name=main src=”bgm/bgm.html”
width=300></IFRAME>

 

2:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

用了iframe后 发现滚动条不好好 想用贰个图片来顶替↑↓

相应怎么落到实处啊?

回答:

用下列代码替换网页的

 

 

复制代码代码如下:

<title>..</title>

<SCRIPT LANGUAGE=”javascript”>

function scroll(n)

{temp=n;

Out1.scrollTop=Out1.scrollTop+temp;

if (temp==0) return;

setTimeout(“scroll(temp)”,80);

}

</SCRIPT>

<TABLE WIDTH=”330″>

<TR>

<TD WIDTH=”304″ VALIGN=”TOP” ROWSPAN=”2″ >

<DIV ID=Out1 STYLE=”width:100%; height:100;overflow: hidden
;border-style:dashed;border-width: 1px,1px,1px,1px;”>

文字

文字

 

文字

 

文字

 

文字

 

 

</DIV>

</TD>

<TD WIDTH=”1四” VALIGN=”TOP”><I名爵 SRubiconC=”photo/up060五.gif”
WIDTH=”14″ HEIGHT =”20″ onmouseover=”scroll(-壹)” onmouseout=”scroll(0)”
onmousedown=”scroll (-三)” BOOdysseyDEHighlander=”0″
ALT=”按下鼠标速度会越来越快!”></TD>

</TR>

<TR>

<TD WIDTH=”1肆” VALIGN=”BOTTOM”><IMG S牧马人C=”photo/down0605.gif”
onmouseover =”scroll(一)” onmouseout=”scroll(0)” onmousedown=”scroll(三)”
BO奥迪Q3DE卡宴=”0″ WIDTH =”壹5″ HEIGHT=”二一”
ALT=”按下鼠标速度会更加快!”></TD>

</TR>

</TABLE>

 

内框架Iframe的使用

选取Iframe能够在一位表格内调用贰个表面文件,是那些实用的。本网址在不少页面上都利用了iframe效果。

近期大家学一下Iframe标记的应用。

Iframe标识的采纳格式是:

 

 

复制代码代码如下:

<Iframe src=”URL” width=”x” height=”x” scrolling=”[OPTION]”
frameborder=”x” name=”main”></iframe>

src:文件的不二等秘书籍,既然而HTML文件,也能够是文件、ASP等;

width、height:”内部框架”区域的宽与高;

scrolling:当SKugaC的钦定的HTML文件在钦点的区域不显不完时,滚动选项,如若设置为NO,则不出新滚动条;如为Auto:则自动现身滚动条;如为Yes,则显得;

FrameBorder:区域边框的幅度,为了让“内部框架“与将近的内容相融合,常设置为0。

name:框架的名字,用来进展辨别。

比如:

<Iframe src=”” width=”250″ height=”200″
scrolling=”Auto” frameborder=”0″ name=”main”></iframe>

当你想用父框架控制当中框架时,可以行使: target=”框架的名字”来决定。

IFrame也可以编写文字

有未有想过除了表单(<form>)之外还有别的的网页成分得以编写制定文字吗?只要使用IFrame的藏身的1个属性就能够使IFrame成为八个文书编辑器。

<html>

<body onload=”editer.document.designMode=’On'”>

<IFrame ID=”editer”></IFrame>

</body>

</html>

其间designMode属性表示IFrame的设计方式的情事(开/关),还在徘徊什么啊,快试试吧!

万一神奇的选择那1特色就足以创立多数竟然的遵守。要是上面大家来做贰个图纸编辑器。

<html>

<body
onload=”imgEditer.document.designMode=’On’;imgEditer.document.write(‘<img
src=图片.gif>’)”>

<IFrame id=”imgEditer”></IFrame>

</body>

</html>

 

上面使更加多的填补:

<iframe>是框架的1种样式,也比较常用到。

  例子1。

<iframe width=420 height=330 frameborder=0 scrolling=auto
src=URL></iframe>

毫不多说了。

  width插入页的宽;height插入页的高;scrolling
是否出示页面滚动条(可选的参数为
auto、yes、no,借使简单那么些参数,则暗中同意为auto);frameborder 边框大小;

  注意:U本田CR-VL提议用相对路线

  传说中国百货公司DU用:<iframe width=0 height=0 frameborder=0
scrolling=auto src=;

黑了88*8。。。

  例子2。

  假使贰个页面里面有框架。。随意点页面里的连日,要求在那个<iframe>
里展开。在iframe 中到场name=** (**投机设定)

<iframe name=** ></iframe>

  然后在退换暗中同意张开格局,:网页HEAD中加上<a href=USportageL
target=**>或部分连接的目标框架设为(**)

  例子3。

  要插入一个页面。必要只拿中间部分。其他的都并非。,。。

  代码:

<iframe name=123 align=middle marginwidth=0 marginheight=0
vspace=-170 hspace=0 src=”” frameborder=no
scrolling=no width=776 height=2500></iframe>

  调节插入页被框架覆盖的深度 marginwidth=0
marginheight=0;调节框架覆盖上有个其他吃水 vspace=-170

scrolling滚动条要否(auto、yes、no)
frameborder框架的边框大小,width=776 height=2500此框架的大小。

 

 

 

  1、页面内投入iframe

<iframe width=420 height=330 frameborder=0 scrolling=auto
src=URL></iframe>,

scrolling表示是还是不是出示页面滚动条,可选的参数为auto、yes、no,借使轻便那些参数,则默以为auto。

  二、超链接指向那个放手的网页,只要给这些iframe命名就能够了。方法是<iframe
name=**>,举例笔者取名称叫aa,写入那句HTML语言<iframe width=420
height=330 name=aa frameborder=0
src=
href=URL target=aa>

  三、要是把frameborder设为一,效果就好像文本框同样

  透明的IFRAME的用法

  必需IE5.5以上版本才支撑

  在transparentBody.htm文件的<body>标签中,小编早已插手了<IFRAME
ID=”Frame壹” S宝马7系C=”transparentBody.htm”
allowTransparency=”true”></IFRAME>

<IFRAME ID=”Frame2″ SRC=”transparentBody.htm”
allowTransparency=”true” STYLE=”background-color: green”>
</IFRAME>

<IFRAME ID=”Frame3″ SRC=”transparentBody.htm”></IFRAME>

<IFRAME ID=”Frame4″ SRC=”transparentBody.htm”
STYLE=”background-color: green”> </IFRAME>

最主要一:利用javascript钦定iframe的src一碗水端平新加载该iframe(见本文最上边小编的等级次序)

难题①:设置iframe的背景观

a.htm

<script>

function setBG(){

var strColor=document.bgColor;

frm.document.bgColor=strColor;

}

</script>

<body style=’background-color:red’ name=frm></iframe>

难点2:

窗口与浮动帧之间的互动决定

在脚本语言与对象档期的顺序中,包涵Iframe的窗口大家誉为父窗体,而浮动帧则称为子窗体,弄清那贰者的关系很关键,因为要在父窗体中访问子窗体或相反都不能不精通对象档案的次序,技艺通进程序来拜访并垄断窗体。

  一、在父窗体中做客并调节子窗体中的对象

  在父窗体中,Iframe即子窗体是document对象的3个子目的,能够平素在剧本中访问子窗体中的对象。

  未来就有3个难题,即,我们什么来支配那个Iframe,这里须要讲一下Iframe对象。当我们给这几个标志设置了ID
属性后,就可由此文书档案对象模型DOM对Iframe所含的HTML举行一名目大多决定。

  举个例子在example.htm里放置test.htm文件,并调控test.htm里一些标记对象:

  <Iframe src=”test.htm” id=”test” width=”250″ height=”200″
scrolling=”no” frameborder=”0″></iframe>

test.htm文件代码为:

  <html>

   <body>

    <h1 id=”myH1″>hello,my boy</h1>

   </body>

  </html>

  如大家要改换ID号为myH一的H壹标志里的文字为hello,my dear,则可用:

  document.myH1.innerText=”hello,my dear”(其中,document可省)

  在example.htm文件中,Iframe标识对象所指的子窗体与一般的DHTML对象模型一致,对目的访问调控情势同样,就不再赘述。

  二、在子窗体中访问并决定父窗体中对象

  在子窗体中大家得以经过其parent即父(双亲)对象来做客父窗口中的目的。

  如example.htm:

  <html>

   <body onclick=”alert(tt.myH1.innerHTML)”>

    <Iframe name=”tt” src=”frame1.htm” width=”250″ height=”200″
scrolling=”no” frameborder=”0″></iframe>

    <h1 id=”myH2″>hello,my wife</h1>

   </body>

  </html>

  假诺要在frame一.htm中做客ID号为myH2中的标题文字并将之改为”hello,my
friend”,大家就足以这样写:

  parent.myH2.innerText=”hello,my friend”

或者parent.document.getElementById(“myH2″).innerText=”hello,my friend”

  这里parent对象就意味着当前窗体(example.htm所在窗体),要在子窗体中做客父窗体中的对象,无一例外都因此parent对象来实行。

3:frame的3个子元素访问frame的另1个子成分

譬如:框架文件frame.html中置放了其余三个html文件

<div styleClass=”basewnd”>

<!– 搜索 –>

<div id=”search” name=”test” align=”center”
class=”top_list_home”>

<iframe id=”frameSearch” name=”search” src=”Search.html”
frameBorder=”0″ scrolling=”no” width=”195px” height=”150px”
marginheight=”0″ marginwidth=”0″></iframe>

</div>

<!– 单位目录树 –>

<div align=”center” class=”welcome_tag_home”>

<iframe src=”DirectoryTree.html” frameBorder=”0″ scrolling=”no”
width=”195px” height=”427px” marginheight=”0″
marginwidth=”0″></iframe>

</div>

</div>

那么未来要在DirectoryTree.html文件中做客Search.html文件中的二个id为section的<font></font>标签的innerHTML属性,则能够这么:

alert(parent.document.search.section.innerHTML),

其中search是“搜索”div的id,或者:

alert(parent.document.getElementById(“search”).section.innerHTML),

恐怕也得以这么:

alert(parent.document.frames[“frameSublist”].name)(那是一向访问iframe)

  Iframe即使内嵌在另1个HTML文件中,但它保持相对的独立,是四个“独立王国“哟,在单1HTML中的性子一样适用于浮动帧中。

  试想一下,通过Iframe标志,我们可将这一个不变的内容以Iframe来表示,那样,不必再一次写一样的始末,那有点象程序设计中的进程或函数,减省了稍稍繁琐的手工业劳动!其余,至关心珍惜要的是,它使页面包车型地铁改换更为实惠,因为,不必因为版式的调动而修改各样页面,你只需修改一个父窗体的版式就可以了。

  要注意的是,Nestscape6.0此前版本不帮衬Iframe标志。

  例子:

1:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

<iframe src=”页面” width=”宽度” height=”中度”
align=”排列能够是left或right,center”
scrolling=”是或不是有滚动条能够填no或yes”></iframe>

<IFRAME frameBorder=0 frameSpacing=0 height=25 marginHeight=0
marginWidth=0 scrolling=no name=main src=”/bgm/bgm.html”
width=300></IFRAME>

2:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

用了iframe后 开掘滚动条不理想 想用一个图片来替代↑↓

应当怎么得以落成呢?

回答:

用下列代码替换网页的<title>..</title>

<SCRIPT LANGUAGE=”javascript”>

function scroll(n)

{temp=n;

Out1.scrollTop=Out1.scrollTop+temp;

if (temp==0) return;

setTimeout(“scroll(temp)”,80);

}

</SCRIPT>

<TABLE WIDTH=”330″>

<TR>

<TD WIDTH=”304″ VALIGN=”TOP” ROWSPAN=”2″ >

<DIV ID=Out1 STYLE=”width:100%; height:100;overflow: hidden
;border-style:dashed;border-width: 1px,1px,1px,1px;”>

文字<BR> 文字<BR>

文字<BR>

文字<BR>

文字

<BR>

<BR>

</DIV>

</TD>

<TD WIDTH=”1四” VALIGN=”TOP”><IMG S福特ExplorerC=”photo/up060五.gif”
WIDTH=”1四” HEIGHT=”20″ onmouseover=”scroll(-1)” onmouseout=”scroll(0)”
onmousedown=”scroll(-三)” BOTiguanDESportage=”0″
ALT=”按下鼠标速度会更加快!”></TD>

</TR>

<TR>

<TD WIDTH=”1四” VALIGN=”BOTTOM”><IMG S猎豹CS陆C=”photo/down060五.gif”
onmouseover=”scroll(1)” onmouseout=”scroll(0)” onmousedown=”scroll(叁)”
BO科雷傲DERAV4=”0″ WIDTH=”壹5″ HEIGHT=”21″
ALT=”按下鼠标速度会越来越快!”></TD>

</TR>

</TABLE>

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

上面那段代码可以兑现IFrame自适应中度,即随着页面包车型大巴长短,自动适应以清除页面和IFrame同时现身滚动条。

源代码如下

<script type=”text/javascript”>

//** iframe自动适应页面 **//

//输入你指望根据页面高度自动调治中度的iframe的称谓的列表

//用逗号把每一种iframe的ID分隔. 举例: [“myframe1”,
“myframe2”],可以只有一个窗体,则不用逗号。

//定义iframe的ID

var iframeids=[“test”]

//如若用户的浏览器不扶助iframe是不是将iframe隐藏 yes
表示隐藏,no表示不隐藏

var iframehide=”yes”

function dyniframesize()

{

var dyniframe=new Array()

for (i=0; i<iframeids.length; i++)

{

if (document.getElementById)

{

//自动调节iframe中度

dyniframe[dyniframe.length] = document.getElementById(iframeids);

if (dyniframe && !window.opera)

{

dyniframe.style.display=”block”

if (dyniframe.contentDocument &&
dyniframe.contentDocument.body.offsetHeight)
//假设用户的浏览器是NetScape

dyniframe.height = dyniframe.contentDocument.body.offsetHeight;

else if (dyniframe.Document && dyniframe.Document.body.scrollHeight)
//要是用户的浏览器是IE

dyniframe.height = dyniframe.Document.body.scrollHeight;

}

}

//依照设定的参数来拍卖不帮忙iframe的浏览器的呈现难题

if ((document.all || document.getElementById) && iframehide==”no”)

{

var tempobj=document.all? document.all[iframeids] :
document.getElementById(iframeids)

tempobj.style.display=”block”

}

}

}

if (window.addEventListener)

window.addEventListener(“load”, dyniframesize, false)

else if (window.attachEvent)

window.attachEvent(“onload”, dyniframesize)

else

window.onload=dyniframesize

</script>

HTML <iframe> 标签

概念和用法

iframe 成分会创制2个涵盖其余叁个文书档案的内联框架。

HTML 与 XHTML 之间的出入

NONE

可选的质量

DTD 提醒此属性允许在哪一类 DTD 中动用。S=Strict, T=Transitional,
F=Frameset.

属性 值 描述 DTD

威尼斯人线上娱乐,align left

right

top

middle

bottom

显著怎么依据周边的文书来排列此框架。 TF

frameborder 1

0

鲜明是否出示框架的边框。 TF

height pixels

%

定义 iframe 的高度。 TF

longdesc U奥迪Q5L 描述此框架内容的长描述的UQashqaiL。 TF

marginheight pixels 定义 iframe 的顶部和尾部的边距。 TF

marginwidth pixels 定义 iframe 的左手和右手的边距。 TF

name frame_name 规定 iframe 的唯一名称 (以便在本子中接纳)。 TF

scrolling yes

no

auto

概念滚动条。 TF

src USportageL 在 iframe 中突显文档的 U奥迪Q7L。 TF

width pixels

%

定义 iframe 的宽度。 TF

以下是本身本人在其实项目开垦时接纳frame写的1段源代码,仅供参考:

主文件(框架):

<html>

<head>

<title>教育局财富管理体系</title>

<script
src=”resources/js/DirectoryTree/DirectoryTree.js”></script>

<script src=”resources/js/date.js”></script>

<link rel=”stylesheet” type=”text/css”
href=”resources/css/frame.css”>

<link rel=”stylesheet” type=”text/css”
href=”resources/css/global.css”>

<script language=”javascript”>

function setBgColor()

{

var bg=document.bgColor

bottom.document.bgColor=bg

}

</script>

</head>

<body bgcolor=”#f9edff” onload=”setBgColor()”>

<div styleClass=”basewnd”>

<!– LOGO –>

<div align=”center” class=”flag”>

<iframe src=”resources/HTMLFolders/Logo.html” frameBorder=”0″
scrolling=”no” width=”950px” height=”115px”
marginheight=”0″></iframe>

</div>

<!– 用户登入 –>

<div align=”center” class=”user”>

<iframe src=”resources/HTMLFolders/UserLogin.html” frameBorder=”0″
scrolling=”no” width=”195px” height=”150px” marginheight=”0″
marginwidth=”0″></iframe>

</div>

<!– 搜索 –>

<div id=”search” name=”test” align=”center”
class=”top_list_home”>

<iframe id=”frameSearch” name=”search”
src=”resources/HTMLFolders/Search.html” frameBorder=”0″ scrolling=”no”
width=”195px” height=”150px” marginheight=”0″
marginwidth=”0″></iframe>

</div>

<!– 导航条 –>

<div align=”center” class=”navigation”>

<iframe src=”resources/HTMLFolders/Navigation.html” frameBorder=”0″
scrolling=”no” width=”950px” height=”25px” marginheight=”0″
marginwidth=”0″></iframe>

</div>

<!– 最新宗旨列表 –>

<div align=”center” class=”newest_topic”>

<iframe src=”resources/HTMLFolders/Sublist.html” frameBorder=”0″
scrolling=”no” width=”540px” height=”427px” marginheight=”0″
marginwidth=”0″></iframe>

</div>

<!– 单位目录树 –>

<div align=”center” class=”welcome_tag_home”>

<iframe src=”resources/HTMLFolders/DirectoryTree.html”
frameBorder=”0″ scrolling=”no” width=”195px” height=”427px”
marginheight=”0″ marginwidth=”0″></iframe>

</div>

<!– 页尾 –>

<div align=”center” class=”rights_home”>

<iframe id=”bottom” name=”bottom”
src=”resources/HTMLFolders/Bottom.html” frameBorder=”0″ scrolling=”no”
width=”950px” height=”100px” marginheight=”0″ marginwidth=”0″
allowTransparency=”true” </div>

</div>

</body>

</html>

被引用的文本UserLogin.html:

<link rel=”stylesheet” type=”text/css” href=”../css/global.css”>

<table border=”0″ align=”left” width=”193″ cellpadding=”1″
cellspacing=”0″ <tr><td>

<table border=”0″ align=”left” width=”190″ cellpadding=”0″
cellspacing=”0″>

<tr>

<td align=”left” valign=”middle” width=”20″ height=”25″
class=”tdfnt12px” background=”../images/title_bar2.png” >

</td>

<td align=”left” valign=”bottom” height=”25″ class=”tdfnt12px”
background=”../images/title_bar2.png”>

<font </td>

</tr>

</table>

</td></tr>

</table>

<div id=”divLogin” <table border=”0″ align=”left” width=”193″
cellpadding=”1″ cellspacing=”0″ <tr>

<td align=”left” valign=”bottom” height=”45″><font
class=”normal”>用户名:</font>

<td valign=”bottom”><input type=”text” name=”userAreaUserName”
id=”userAreaUserName” class=”id” maxlength=”16″/></td>

</tr>

<tr>

<td align=”left” height=”40″><font
class=”normal”>密码:</font>

<td><input type=”password” name=”userAreaUserPwd”
id=”userAreaUserPwd” class=”pwd” maxlength=”16″/></td>

</tr>

<tr>

<td align=”center” colspan=”2″ class=”tdfnt12px”>

<input type=”submit” value=”登录” </td>

</tr>

</table>

</div>

今后①旦“最新宗旨列表”文件中有三个超链接,点击其,蕴涵“最新大旨列表”的iframe就再也加载,此时内需使用javascript来促成:

<a href=”” onclick=”redirect(); return
false”>www.baidu.com</a>

<script language=”javascript”>

function redirect()

{

parent.document.frames[“frameSublist”].location.href=”www.baidu.com”

}

</script>

 

详见出处参考:

 

iframe frameborder=0 width=170
height=100 marginheight=0 marginwidth=0 scrolling=no
src=”move-ad.htm”/iframe
IFRAME用于安装文本或图片的变型图像和文字框或…


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图