1)">1)">1" ng-class="{current:{{currentPage==page}}}" ng-repeat="page in pages"><li class='page' ng-if="(endIndex<li class='page next' ng-if="(currentPage
相关文章阅读在使用showModalDialog中为解决刷新时弹出新窗口时用到iframe所带来的一个问题 - 起个贱名好养活 - ITeye技术网站
博客分类：
问题描述：我们在开发过程中使用showModalDialog来产生一个弹出窗口，而在这个弹出窗口中要做一个刷新，或者是切换到其它的url时会弹出新窗口。为了解决这个问题，网上有个办法是采用iframe，在showModalDialog窗口中使用iframe这样就不会有弹出窗口了，但这样使用又带来了一个小的问题，我们页面中的textArea组件不能使用ctrl+a这快捷键了，不知道是什么原因。代码如下：
不使用iframe:
index1.html//打开showModalDialog
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&&HTML& &HEAD&
&TITLE& New Document &/TITLE&
&META NAME="Generator" CONTENT="EditPlus"&
&META NAME="Author" CONTENT=""&
&META NAME="Keywords" CONTENT=""&
&META NAME="Description" CONTENT=""&
function openPage(){
var back=window.showModalDialog('./showModalDialog.html','win','dialogWidth=800dialogHeight=600help:no');
&/script& &/HEAD&
&input type="button" value="打开showModalDialog页面" id="temp" onclick="openPage()"/& &/BODY& &/BODY&&/HTML&
showModalDialog.html//showModalDialog内容页面
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&&HTML& &HEAD&
&TITLE& New Document &/TITLE&
&META NAME="Generator" CONTENT="EditPlus"&
&META NAME="Author" CONTENT=""&
&META NAME="Keywords" CONTENT=""&
&META NAME="Description" CONTENT=""& &/HEAD&
&BODY& &center&
&a href="./showModalDialog.html" target="_self"&刷新会弹出新窗口&a& &/center& &/BODY&&/HTML&
使用iframe:
index.html//打开showModalDialog
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&&HTML& &HEAD&
&TITLE& New Document &/TITLE&
&META NAME="Generator" CONTENT="EditPlus"&
&META NAME="Author" CONTENT=""&
&META NAME="Keywords" CONTENT=""&
&META NAME="Description" CONTENT=""&
function openPage(){
var back=window.showModalDialog('./Noname1.html','win','dialogWidth=800dialogHeight=600help:no');
&/script& &/HEAD&
&input type="button" value="打开iframe页面" id="temp" onclick="openPage()"/& &/BODY&
&/BODY&&/HTML&
Noname1.html//使用iframe
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&&HTML& &HEAD&
&TITLE& New Document &/TITLE&
&META NAME="Generator" CONTENT="EditPlus"&
&META NAME="Author" CONTENT=""&
&META NAME="Keywords" CONTENT=""&
&META NAME="Description" CONTENT=""& &/HEAD&
iFrame：&br&
&iframe src='Noname2.html' width='100%' height='100%' name="iFrame1"&&/iframe&
&/BODY&&/HTML&
Noname2.html//textArea控件
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&&HTML& &HEAD&
&TITLE& New Document &/TITLE&
&META NAME="Generator" CONTENT="EditPlus"&
&META NAME="Author" CONTENT=""&
&META NAME="Keywords" CONTENT=""&
&META NAME="Description" CONTENT=""& &/HEAD&
子页面：&br&
&input type="textarea" value="ctrl+a 功能不可用了" id="temp"/&
&a href="./Noname3.html" target="_self"&下一页&a& &/BODY&&/HTML&
Noname3.html//下一页
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&&HTML& &HEAD&
&TITLE& New Document &/TITLE&
&META NAME="Generator" CONTENT="EditPlus"&
&META NAME="Author" CONTENT=""&
&META NAME="Keywords" CONTENT=""&
&META NAME="Description" CONTENT=""& &/HEAD&
下一页 &/BODY&&/HTML&
现将源文件作为附件也贴出来，供大家参考！
下载次数: 87
浏览: 329892 次
来自: 北京
kgkg521 写道不能运行，老报一个“A[C.xtype | ...
需要HTTP服务器才可以
哈利路亚, 真是个牛逼哄哄的组件.
谢谢，帮了忙了，
很不错，已经跑起来了，但现在有个问题是如何把这个demo整合到 ...网页布局iframe用法_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
文档贡献者贡献于
评价文档：
13页免费10页免费11页免费7页&#165;3.0019页免费2页免费2页免费1页免费3页免费4页免费
喜欢此文档的还喜欢5页免费3页免费4页2下载券2页免费4页1下载券
网页布局iframe用法|
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
大小：2.30KB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢首选贝尔利
讲解Iframe标记的使用格式和属性
01:40&#160;&#160;文章来源：&#160;&#160;责任编辑：awen
例：&iframe runat=&server& src=&/& width=&100%& height=&300& frameborder=&no& border=&0& marginwidth=&0& marginheight=&0& scrolling=&no& allowtransparency=&yes&&&/iframe&
runat=&server& 在当前iframe中跳转
src 链接到的地址URl
frameborder 是否显示边框（0无边框 1有边框）
scrolling 是否有滚动条（yes有滚动条 no无滚动条）
allowtransparency 背景是否透明（yes透明 no不透明）
iframe并不是很常用的，在标准的网页中非常少用。把iframe解释成&浏览器中的浏览器&是很恰当的。&iframe&也应该是框架的一种形式，它与&frame&不同的是，iframe可以嵌在网页中的任意部分。例如：&iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src=&move-ad.htm&&&/iframe&
SRC=URI 嵌入式柜架的页面文件路径
NAME=CDATA 嵌入式柜架的名字
LONGDESC=URI 描述
WIDTH=Length 宽度
HEIGHT=Length 高度
ALIGN=[ top | middle | bottom | left | right ] 对齐方式
FRAMEBORDER=[ 1 | 0 ] 柜架边框
MARGINWIDTH=Pixels 左右空出宽度
MARGINHEIGHT=Pixels 上下空出的高度
SCROLLING=[ yes | no | auto ] 流动条(yes强制显示|no永不显示|auto自动)
Iframe标记的使用格式是: &Iframe src=&URL& width=&x& height=&x& scrolling=&[OPTION]& frameborder=&x& name=&main&&&/iframe&&
src：文件的路径，既可是HTML文件，也可以是文本、ASP等；
width、height：&内部框架&区域的宽与高；
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为 Auto：则自动出现滚动条；如为Yes，则显示;&
FrameBorder：区域边框的宽度，为了让&内部框架&与邻近的内容相融合，常设置为0。
name:框架的名字，用来进行识别。
&iframe&用于设置文本或图形的浮动图文框或容器。
&iframe border=&3&&&/iframe&
设定围绕图文框的边缘宽度
frameboder&
&iframe frameboder=&0&&&/iframe&
设置边框是不否为3维（0=否，1=是）
scrolling&
&iframe scrolling=&no&&&/iframe&
是否有滚动条（yes,no,auto)&
height,width
&iframe height=&31& width=&88&&&/iframe&
设质边框的宽度和高度
&iframe src=&girl.gif&&&/iframe&
指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*)&
注意事项：
一个浮动框架不需要通过&frameset&元素声明为框架设置的一部分;&
WebTV和Netscape 4.x(4.0 到 4.75)不支持浮动框架。
在HTML4.01严格规范中，&iframe&元素没有被定义。浮动框架可以使用&div&元素和CSS定位方法来模仿实现。
--------------------------------------------------------------------------------
浮动帧标记Iframe的属性：
1、文件位置：
语法：src=url&
说明：url为嵌入的HTML文件的位置，可以是相对地址，也可以是绝对地址。
示例：&iframe src=&iframe.html&&
2、ID选择符：
语法：id=#
说明：指定该标记的唯一ID选择符。
示例：&iframe src=&iframe.html& id=&iframe1&&
3、对象名称：
语法：name=#&
说明：#为对象的名称。该属性给对象取名，以便其他对象利用。
示例：&iframe src=&iframe.html& name=&iframe1&&&
4、容器属性：
语法：height=# & width=#
说明：该属性指定浮动帧的高度和宽度。取值为正整数（单位为像素）或百分数。
height：指定浮动帧的高度；
width：指定浮动帧的宽度。
示例：&iframe src=&iframe.html& height=400 width=400&
5、尺寸调整：
语法：noresize
说明：IE专有属性，指定浮动帧不可调整尺寸。
示例：&iframe &src=&iframe.html& &noresize&
6、边框显示：
语法：frameborder=0、1
说明：该属性规定是否显示浮动帧边框。
0：不显示浮动帧边框；
1：显示浮动帧边框。
示例：&iframe src=&iframe.html& frameborder=0&
&iframe src=&iframe.html& frameborder=1&
7、边框颜色：&
语法：bordercolor=color
说明：该属性指定浮动帧边框的颜色。color可以是RGB色（RRGGBB），也可以是颜色名。
示例：&iframe src=&iframe.html& bordercolor=red&
8、边框厚度：
语法：border=#
说明：该属性指定浮动帧边框的厚度，取值为正整数和0，单位为像素。为了将浮动帧与页面无缝结合，border一般等于0
示例：&iframe src=&iframe.html& border=1&&
9、对齐方式：
语法：align=left、right、center&
说明：该属性指定浮动帧与其他对象的对齐方式。
left：居左；
right：居右；
center：居中。
示例：&iframe src=&iframe.html& align=left&
&iframe src=&iframe.html& align=right&
&iframe src=&iframe.html&align=center&
10、相邻间距：
语法：framespacing=#
说明：该属性指定相邻浮动帧之间的间距。取值为正整数和0，单位为像素。
示例：&iframe src=&iframe.html& framespacing=10&
11、外补白属性：
语法：marginheight=# & marginwidth=#
说明：该属性指定浮动帧的边界大小。取值为正整数和0，单位为像素。两个属性应同时应用。
marginheight：浮动帧的左右边界大小；
marginwidth：浮动帧的上下边界大小。
示例：&iframe src=&iframe.html& marginheight=1 marginwidth=1&
12、内补白属性：
语法：hspace=# & vspace=#
说明：该属性指定浮动帧内的边界大小。取值为正整数和0，单位为像素。两个属性应同时应用。
hspace：浮动帧内的左右边界大小；
vspace：浮动帧内的上下边界大小。
示例：&iframe src=&iframe.html& hspace=1 vspace=1&
责任编辑：awen
上一篇： 下一篇：利用iframe在网页中显示天气附效果截图
css： 代码如下: *{margin:0;padding:0;list-style-type:} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} /* demo */ .demo{width:800margin:0} .demo div{margin:40px 0 0 0;} html： 代码如下: &div class="demo"& &div& &iframe name="weather_inc" src="/index.php?c=code&id=2&num=5" width="650" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"&&/iframe& &/div& &div& &iframe name="weather_inc" src="/index.php?c=code&id=7" style="border:solid 1px red" width="225" height="90" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"&&/iframe& &/div& &div& &iframe name="weather_inc" src="/index.php?c=code&id=9" width="800" height="60" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"&&/iframe& &/div& &div& &iframe name="weather_inc" src="/index.php?c=code&id=11" width="500" height="15" frameborder="0"&&/iframe& &/div& &div& &iframe name="weather_inc" src="/index.php?c=code&id=13" width="650" height="221" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"&&/iframe& &/div& &div& &iframe name="weather_inc" src="/index.php?c=code&id=19" width="800" height="120" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"&&/iframe& &/div& &/div& 部分效果： &我在项目中做了一个下面的效果
顶一下(0) 踩一下(0)
热门标签：}