在以前,为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面,这样才能够在打印的时候获得令人满意的效果。现在,通过使用结构化的XHTML和CSS,你可以实现同样的效果而只用花费少得多的精力。 从屏幕显示到打印效果 大多数的Web页面都是设计适用于在计算机屏幕上观看的。然而,有的时候用户需要将某些页面打印出来,也许就是为了保留一个长期的记录,或者将其用作方便的离线参考资料。 现在的麻烦是,让Web页面在计算机彩色屏幕上看起来引人注目和五彩缤纷的很多特性,都无法在打印版的Web页面上表现出相同的效果——尤其当打印机是黑白的时候。在被降级为灰度打印的时候,彩色的...
下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则,比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。说明:1. 为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如 <html> 而不应是 <HTML>)。2. 小写的单词表明一组或一系列 HTML 标签。3. 每一项条目(标签)后都跟随一组标签列表,如果没有这个列表,那么表明该条目(标签)内部不允许包含任何标签。这意味着该条目内部只能包含纯文本内容(#PCDATA,见下文)。如果注明 (empty),这意味着该条目内部不允许包含任何形式的内容。对于 flow,inline,block,OBJECT 和...
类别:网页编程 查看:300
更新:2014-06-05
IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容:innerText, outerText, innerHTML, outerHTML. 需注意两点: 1. 其中innerText,outerText属性的值是作为普通文本呈现的,即使它含有HTML标签也如实反应出来;而innerHTML, outerHTML呈现的是经HTML引擎解析后文本,它可以反应属性中HTML标签的表现效果。 2. 对对象的outerText,outerHTML属性赋值(即写操作)会删除该对象。 以上四个属性的赋值操作只是替换原对象的文本内容,想要在页面中指定元素相关位置新增文本内容,需采用insertAdjacentHTML和insertAdjacentText方法。形式如下: object.insertAdj...
我们访问一个网站的时候,经常会看到网址后边的网页文件有如htm,html,shtml,php,asp,aspx等扩展名的形式,那么这些到底有什么区别与联系呢?这里我们只谈论htm,html,shtm,shtml 每一个网页或者说是web页都有其固定的后缀名,不同的后缀名对应着不同的文件格式和不同的规则、协议、用法,最常见的web页的后缀名是.html和.htm,但这只是web页最基本的两种文件格式,今天我们来介绍一下web页的其它一些文件格式。 首先介绍一下html与htm 关于HTML,HTML(HyperTextMark-upLanguage)即超文本标记语言,是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便...
类别:网页编程 查看:192
更新:2014-06-02
本文将介绍万维网联盟(W3C)建立下一代 XHTML 规范版本的工作,以及他们对以 Ajax 应用程序为代表的“丰富客户机”行为需求的反应。作者Edd 将目光放在 W3C 正在进行的工作上,以指示 Web 标记的未来。 W3C 有四个工作组正在建立一些特别有趣的规范:HTML(现在的 XHTML)XFormsWeb APIWeb Application Format本文主要讨论 HTML 工作组的研究,但是也有必要作为背景知识讨论一下其他规范,因为这些研究将造就 Web 的未来。XFormsXForms 是 W3C 提出的当前 HTML 表单的后继者。它们被设计成具有更丰富的功能,并将其结果作为 XML 文档传递给处理应用程序。XForms 是模块化的,因此...
类别:网页编程 查看:243
更新:2014-06-02
IE5与IE6的区别:var scrollPos;if (typeof window.pageYOffset != ’undefined’) { scrollPos = window.pageYOffset;} else if (typeof document.compatMode != ’undefined’ && document.compatMode != ’BackCompat’) { scrollPos = document.documentElement.scrollTop;} else if (typeof document.body != ’undefined’) { scrollPos = document.body.scrollTop;}alert(scrollPos);如果顶部申明 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
类别:网页编程 查看:247
更新:2014-06-01
wrapInner(html) 返回值:jQuery
概述
将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来
这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包装元素。
参数
htmlString
HTML标记代码字符串,用于动态生成元素并包装目标元素
示例
描述:
把所有段落内的每个子内容加粗
HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("p").wrapInner("<b></b>");
结果:
&...
wrapAll(html) 返回值:jQuery
概述
将所有匹配的元素用单个元素包裹起来
这于 '.wrap()' 是不同的,'.wrap()'为每一个匹配的元素都包裹一次。这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包装元素。
参数
htmlString
TML标记代码字符串,用于动态生成元素并包装目标元素
示例
描述:
用一个生成的div将所有段落包裹起来
HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$(...
wrap(html) 返回值:jQuery
概述
把所有匹配的元素用其他元素的结构化标记包裹起来。
这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的),并在它的代码结构中找到最上层的祖先元素--这个祖先元素就是包裹元素。当HTML标记代码中的元素包含文本时无法使用这个函数。因此,如果要添加文本应该在包裹完成之后再行添加。
参数
htmlString
HTML标记代码字符串,用于动态生成元素并包裹目标元素
示例
描述:
把所有的段落用一个新创建的div包裹起来
HTML ...
html(val) 返回值:jQuery
概述
设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
参数
valString
用于设定HTML内容的值
html() 返回值:String
概述
取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
jQuery(html, [ownerDocument])
返回值:jQuery
概述
根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。
你可以传递一个手写的 HTML 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制,可以参考第二个示例。当然这个字符串可以包含斜杠 (比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用 $("<span/>") 或 $("<span></span>") ,但不推荐 $("<span>")。在jQuery 中,这个语法等同于$(...
unescapeHTML
unescapeHTML() -> string
移除字符串中的标签,并将用实体表示的 HTML 特殊字符转换为它们的正常形式。
样例
'x > 10'.unescapeHTML()
// -> 'x > 10'
'<h1>Pride & Prejudice</h1>'.unescapeHTML()
// -> 'Pride & Prejudice'
escapeHTML
escapeHTML() -> string
将 HTML 特殊字符转换为它们的等价实体。
样例
'<div class="article">This is an article</div>'.escapeHTML();
// -> "<div class="article">This is an article</div>"
toHTML [1.6]
toHTML(obj) -> String
如果 obj 具有 toHTML 方法,则调用 obj 的 toHTML 方法,否则将 obj 作为 String.interpret 的参数然后调用该方法。返回调用这些方法后的返回值。
样例
var Bookmark = Class.create({
initialize: function(name, url) {
this.name = name;
this.url = url;
},
toHTML: function() {
return '<a href="#{url}">#{name}</a>'.interpolate(this);
}
});
var api = new Bookmark('Prototype API', 'http://prototypejs.org/api');
Object.toHTML(api);
//-> '<a href=...
将以下代码copy成一个html文件运行即可看到效果,很不错的代码
以下是HTML代码:【运行代码】【复制代码】 <html>
<head>
<title>用javascript动态添加删除html元素-php自学网</title>
<script type="text/javascript"><!--
function $(nodeId) {
return document.getElementById(nodeId);
}
function $Name(tagName) {
return document.getElementsByTagName(tagName);
}
function replaceMsg() {
var newNode = document.createElement("P");//创建一个P标签
newNode.innerHTML = "<font color='red'>替换后的文字</f...