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语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便...
类别:网页编程 查看:118
更新:2014-06-02
本文将介绍万维网联盟(W3C)建立下一代 XHTML 规范版本的工作,以及他们对以 Ajax 应用程序为代表的“丰富客户机”行为需求的反应。作者Edd 将目光放在 W3C 正在进行的工作上,以指示 Web 标记的未来。 W3C 有四个工作组正在建立一些特别有趣的规范:HTML(现在的 XHTML)XFormsWeb APIWeb Application Format本文主要讨论 HTML 工作组的研究,但是也有必要作为背景知识讨论一下其他规范,因为这些研究将造就 Web 的未来。XFormsXForms 是 W3C 提出的当前 HTML 表单的后继者。它们被设计成具有更丰富的功能,并将其结果作为 XML 文档传递给处理应用程序。XForms 是模块化的,因此...
类别:网页编程 查看:146
更新: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" ...
类别:网页编程 查看:145
更新: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...
亲爱的 GUI 博士:
我有一个关于 XML 的问题。我通过 XMLHTTP 发布一个 ASP 页面,将数据作为 HTML 发送回来,并在 div、表格单元格或任何元素上执行 object.innerHTML。
我遇到的问题是,有一次,我在 ASP 服务器页上创建一个表单,并将该表单以 HTML 发送回去,这样做一切正常。但我还希望对该页面进行客户端验证,因此我将一个 JScript 页面链接放到了我打算发送回去的响应 HTML 的正文中。这样做以后,脚本就无法运行了。
当我在父页上包括实际的 JScript src 引用时,它可以正常运行。这是因为 JScript 代码没有加载到运行库吗?能否在响应 XMLHTTP post 时不返回 JScript 代码并...
以下是Javascript代码: /* innerhtml.js
* Copyright Ma Bingyao <
[email protected]>
* Version: 1.9
* LastModified: 2006-06-04
* This library is free. You can redistribute it and/or modify it.
*/
var global_html_pool = [];
var global_script_pool = [];
var global_script_src_pool = [];
var global_lock_pool = [];
var innerhtml_lock = null;
var document_buffer = "";
function set_innerHTML(obj_id, html, time) {
if (innerhtml_lock == null) {
innerhtml_lock = obj_id;
}
else if (typeof(time) == "undefined") {
global_lock_pool[ob...