9.HTML 框架
框架
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。
使用框架的坏处：
开发人员必须同时跟踪更多的HTML文档
很难打印整张页面
框架结构标签（<frameset>）
框架结构标签（<frameset>）定义如何将窗口分割为框架
每个 frameset 定义了一系列行或列
rows/columns 的值规定了每行或每列占据屏幕的面积
编者注：frameset 标签也被某些文章和书籍译为框架集。
框架标签（Frame）
Frame 标签定义了放置在每个框架中的 HTML 文档。
在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中，而 HTML 文档 "frame_b.htm" 被置于第二个列中：
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
基本的注意事项 - 有用的提示：
假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中� ......
13.HTML 图像
图像标签（<img>）和源属性（Src）
在 HTML 中，图像由 <img> 标签定义。
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
定义图像的语法是：
<img src="url" />
URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中，那么其 URL 为 http://www.w3school.com.cn/images/boat.gif。
浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。
替换文本属性（Alt）
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<img src="boat.gif" alt="Big Boat">
在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。
基本的注意事项 - 有用的提示：
假如� ......
我们知道，HTML为了加载一个外部的css文件，经常会用到一个link的元素，具体的用法如下：
<link rel="stylesheet" rev="stylesheet" href="xxx.css" type="text/css" media="screen" />
并且浏览器对css的加载是阻塞式的下载，在对应的外部css文件没有load完之前，下面的parse将会被阻塞住，但我们会发现，在部分的
页面有类似这样的用法：
<link rel="stylesheet" rev="stylesheet" href="xxx.css" type="text/css" media="screen" onload="javascript:alert('onload link done')"/>
经tenfy在IE，firefox，opera，chrome，safari下测试，发现：
一，link元素的onload属性在IE和opera下均支持，目的是为了提供用户一个css加载完毕后的回调处理接口。
但发现IE和opera再回调次数是不一样的，IE下，如果对应的css有import其他的css文件，会导致多次调用onload，
测试中发现，css里面即使是多次import，IE也只会回调onload两次，而不是每import一次就多调用一次on ......
Silverlight 4新功能: Host HTML Content.
这个新功能挺不错的，可惜的是它只能是你把SilverLight应用程序安装到客户端才能使用，不明白为什么SilverLight Toolkit团队不让它能够在浏览器中也可以用。
看了段视频，它主要是讲了三个应用，其它还有很多使用这个功能的方法你可以试着在下面给我留言，大家一起学习。
首先是创建一个SL 4的应用程序，起名字为HostHTMLContent;如下图：
然后在MainPage.xaml页面的根Grid下添加一个StackPanel,居中显示，接着是在StackPanel中放一个Grid来显示HTML Content，这个Grid定义为4行两列:
<Grid x:Name="LayoutRoot" Background="Gray">
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" x:Name="ControlSamples">
<Grid Width="600">
<Grid.RowDefinitions>
......
ajax请求不返回html代码的三种方式
ajax请求代码：
function ajaxSend() {
$.ajax({
url: “Test_Ajax.aspx”,
type: “post”,
data: { name: “ajax” },//如果请求的自身页面，为了在后台判断是不是ajax请求
error: function(xhr, textStatus, errorThown) {
alert(errorThown);
},
success: function(data) {
alert(data);
}
});
}
1、把.aspx页面的html代码删除，删除后代码如下（ajax请求的不是自身页面）
.aspx页面代码
<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”AjaxReceive.aspx.cs” Inherits=”testJqueryUI.ajax.AjaxReceive” %>
.aspx.cs页面代码如下
protected void Page_Load(object sender, EventArgs e)
{
Response.Write(“love life”);
}
2.通过clear和end方法实现
.aspx.cs代码如下
string name = Request["name"];
//如果请求的是自身页面则需要这一步，判断是不是ajax请求
if (!String.IsNullOrEmpty(name))
{
Response.Clear();
Response.Write(“hello the world”);
Response.End();
......
ajax请求不返回html代码的三种方式
ajax请求代码：
function ajaxSend() {
$.ajax({
url: “Test_Ajax.aspx”,
type: “post”,
data: { name: “ajax” },//如果请求的自身页面，为了在后台判断是不是ajax请求
error: function(xhr, textStatus, errorThown) {
alert(errorThown);
},
success: function(data) {
alert(data);
}
});
}
1、把.aspx页面的html代码删除，删除后代码如下（ajax请求的不是自身页面）
.aspx页面代码
<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”AjaxReceive.aspx.cs” Inherits=”testJqueryUI.ajax.AjaxReceive” %>
.aspx.cs页面代码如下
protected void Page_Load(object sender, EventArgs e)
{
Response.Write(“love life”);
}
2.通过clear和end方法实现
.aspx.cs代码如下
string name = Request["name"];
//如果请求的是自身页面则需要这一步，判断是不是ajax请求
if (!String.IsNullOrEmpty(name))
{
Response.Clear();
Response.Write(“hello the world”);
Response.End();
......
样式表如下：
table#border{
border-top:#000 1px solid;
border-left:#000 1px solid;
}
table#border td{
border-bottom:#000 1px solid;
border-right:#000 1px solid;
}
然后再要加边框的html文件中加上
<table id="border" border="0" cellspacing="0"> ......
最新文章 : html