IFrame的用法文档格式.docx

IFrame的用法文档格式.docx

《IFrame的用法文档格式.docx》由会员分享，可在线阅读，更多相关《IFrame的用法文档格式.docx（6页珍藏版）》请在冰豆网上搜索。

画中画"

区域的宽与高；

scrolling:

当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；

如为Auto：

则自动出现滚动条；

如为Yes，则显示;

FrameBorder：

区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。

例如：

;

250"

200"

no"

0"

二、父窗体与子窗体之间的相互控制

在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，另一个为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。

1、在父窗体中访问并控制子窗体中的对象

在父窗体中，Iframe即子窗体是document对象的一个子对象，可以直接在脚本中访问子窗体中的对象。

test.htm"

id="

test"

2.test.htm文件代码为:

3.<

html>

4.<

body>

5.<

h1 

myH1"

hello,my 

boy<

/h1>

6.<

/body>

7.<

/html>

如我们要改变ID号为myH1的H1标记里的文字为hello,mydear，则可用:

document.myH1.innerText="

hello,mydear"

（其中，document可省） 

[csharp]viewplaincopyprint?

1.document.myH1.innerText="

dear"

另一种使用方式：

iframe 

myframe"

100%"

class="

hide"

marginwidth="

marginheight="

auto"

StuRecords.aspx"

style="

display:

inline;

height:

450px;

runat="

server"

2. 

3. 

当加载父窗体时，默认同时加载子窗体（此时子窗体为空），但是当触发父窗体的某个事件时，要激发子窗体的事件，显示内容

1./// 

summary>

/// 

显示某道试题的答题记录，显示某一部分。

/summary>

4. 

param 

name="

dtOneQuestionRecords"

查询出20条答题记录<

/param>

5. 

pageIndex"

为0<

6. 

private 

void 

ShowAnswerRecord（DataTable 

dtOneQuestionRecords, 

string 

tableRecord, 

int 

pageIndex） 

7. 

{ 

8. 

myframe.Attributes["

src"

] 

= 

9. 

} 

10. 

11. 

12. 

下一批 

13. 

14. 

sender"

15. 

e"

16. 

protected 

btnNextPage_Click（object 

sender, 

EventArgs 

e） 

17. 

18. 

19. 

子窗体的判断

2./// 

窗体加载时，判断session的值是否为空，空则加载子窗体空白页，否则执行子窗体的事件 

3./// 

4./// 

5./// 

Page_Load（object 

if 

（Session["

questionType"

!

null） 

ShowStuRecord（）;

else 

public 

ShowStuRecord（） 

//得到试题id 

20. 

questionIndex 

Convert.ToInt32（Session["

questionIndex"

]）;

21. 

22. 

//获取考试id值 

23. 

//string 

ExamID 

DropExam.SelectedItem.Value;

24. 

1306172117"

25. 

//查找试题记录--答题记录表 

26. 

tableRecord 

Convert.ToString（Session["

tableRecord"

27. 

//题型的value 

28. 

UserName 

Session["

UserName"

].ToString（）;

29. 

xvshu"

30. 

questionType 

31. 

//调用王永俊的方法，查看答题记录前20条，并写入教师姓名 

32. 

Hashtable 

map 

new 

Hashtable（）;

33. 

map.Add（"

TableNameRecord"

tableRecord）;

//题型value和表名 

34. 

QuestionType"

questionType）;

35. 

Teacher"

UserName）;

36. 

QuestionID"

questionIndex）;

37. 

ExamID"

ExamID）;

38. 

QuestionContextBLL 

awardingBLL 

QuestionContextBLL（map）;

39. 

40. 

//查出答题记录 

41. 

DataTable 

dtOneQuestionRecords 

awardingBLL.SelectRecordTopbyQuestionID（map）;

42. 

（dtOneQuestionRecords.Rows.Count 

== 

0） 

43. 

44. 

MessageBox.Show（this, 

已判完！

）;

45. 

46. 

47. 

lblFraction.Text 

标准分数：

+ 

Fraction"

];

48. 

pageIndex 

0;

49. 

for 

（int 

i 

30 

* 

pageIndex;

&

dtOneQuestionRecords.Rows.Count;

i++） 

50. 

51. 

//显示答写的试题答案 

52. 

TableCell 

tc 

TableCell（）;

53. 

tc.Text 

（i 

1）.ToString（） 

答案:

dtOneQuestionRecords.Rows[i]["

ExamAnswer"

54. 

55. 

TableRow 

tr 

TableRow（）;

56. 

tr.Cells.Add（tc）;

57. 

tblAutoTable.Rows.Add（tr）;

58. 

59. 

TextBox 

textBox 

TextBox（）;

60. 

//得到试题记录的id号 

61. 

id 

ID"

62. 

textBox.Text 

63. 

//给评分控件设置id号 

64. 

textBox.ID 

tableRecord.Trim（） 

65. 

textBox.Attributes.Add（"

Onblur"

javascript:

return 

CheckFraction（event.srcElement）&

JudgeQuestions（'

'

'

）"

66. 

//textBox.Attributes.Add（"

test（）"

67. 

tc1 

68. 

tc1.Controls.Add（textBox）;

69. 

tr1 

70. 

tr1.Cells.Add（tc1）;

71. 

tblAutoTable.Rows.Add（tr1）;

72. 

//Session["

txtScores"

textBox.ID;

73. 

74. 

75. 

在这里的应用主要是根据id值来加载子页面！

当然我们也可以根据id值来对它进行不同的操作。

2、在子窗体中访问并控制父窗体中对象

在子窗体中我们可以通过其parent即父（双亲）对象来访问父窗口中的对象。

复制代码代码如下:

2.<

body 

onclick="

alert（tt.myH1.innerHTML）"

tt"

frame1.htm"

myH2"

wife<

如果要在myframe操作我们可以这样写：

parent.myframe.innerText="

hello,myfriend"

这里parent对象就代表当前窗体（example.htm所在窗体），要在子窗体中访问父窗体中的对象，无一例外都通过parent对象来进行。

总结：

通过Iframe标记，我们可将那些不变的内容以Iframe来表示，这样，不必重复写相同的内容（框架），这有点象程序设计中的过程或函数，减省了多少繁琐的手工劳动！

另外，至关重要的是，它使页面的修改更为可行，因为，不必因为版式的调整而修改每个页面，你只需修改一个父窗体的版式即可了。