pre标签里内容自动换行的方法

今天在写wiki的时候用了pre标签,我们都知道标签可定义预格式化的文本,一个常见应用就是用来放程序的源代码。我有一段代码特别长,结果它不换行直接超出了pre外层的容器。查阅了资料发现:被包围在 pre 元素中的文本通常会保留空格和换行符,但不幸的是,当你在标签里面写代码的时候,如果你没有手动换行,它也会给你保留,而不会自动换行。

我就给pre加了一个style:

word-break: break-all;

但是它没有起到任何的作用,最后找到了一种兼容IE6,IE7, IE8, Firefox, Opera, Safari和Chrome的方法,在CSS中添加下面的代码:

pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

这样之后pre标签中的内容就自动换行了!

js、jQuery修改CSS中expression()的方法

在本博客的博文《在IE6 position不支持fixed属性的解决方案》中使用了CSS的expression来动态改变top的算术值:
/*IE6 动态设置top位置*/
_top: expression(eval(document.documentElement.scrollTop) +  450);
那么一定有人不禁要问,如何动态改变这个top的实际值,也就是修改这个expression的内容呢?方法如下:
var domThis=$(this)[0];
domThis.style.setExpression(
'top', 'eval((document.documentElement).scrollTop + ' +  50 + ')'
);

使用以上方法就可以解决动态修改expression的内容了。

在IE 6 7浏览器中resize事件执行多次的解决方法

今天在工作中有一个悬浮的意见反馈窗口需要根据页面大小自适应显示,当用户打开收藏夹使得页面变化之后也要跟着变化,于是用到了jquery的resize函数,但是我发现在我电脑里,IE 6下回运行resize中的内容3次,IE 8只运行了1次,也就是说IE 6下的会触发很多次resize事件。而且我还听说resize事件中包含某些页面内容处理或计算导致resize事件再次被触发的时候,IE会随机陷入假死状态。
到jquery的官网上发现了一个叫做wresize的plugin( http://noteslog.com/post/how-to-fix-the-resize-event-in-ie/  ),找到了一个解决方法:
/*  
===================================================================
WResize is the jQuery plugin for fixing the IE window resize bug
...................................................................
                                Copyright 2007 / Andrea Ercolino
-------------------------------------------------------------------
LICENSE: http://www.opensource.org/licenses/mit-license.php
WEBSITE: http://noteslog.com/
===================================================================
*/

(function($){
	$.fn.wresize = function(f) {
		version = '1.1';
		wresize = {fired: false, width: 0};

		function resizeOnce() 
		{
			if ($.browser.msie) {
				if (!wresize.fired) {
					wresize.fired = true;
				} else {
					var version = parseInt($.browser.version, 10);
					wresize.fired = false;
					if (version < 7) {
						return false;
					} else if (version == 7) {
						//a vertical resize is fired once, 
                        //an horizontal resize twice
						var width = $(window).width();
						if (width != wresize.width) {
							wresize.width = width;
							return false;
						}
					}
				}
			}
			return true;
		}
		function handleWResize(e) 
		{
			if (resizeOnce()) {
				return f.apply(this, [e]);
			}
		}
		this.each(function() 
		{
			if (this == window) {
				$(this).resize(handleWResize);
			} else {
				$(this).resize(f);
			}
		});
		return this;
	};
}) (jQuery);
将以上代码放在一个jquery.wresize.js文件中引入或者放在你的代码后面都没有关系,这样就可以解决IE 6 7下触发很多次resize事件的问题了。

PHP读取XML文档内容的方法

我们要读取一个结构如下的XML文档的内容:

<row>
<field name="id">1</field>
<field name="code">110000</field>
<field name="name">北京</field>
</row>
<row>
<field name="id">2</field>
<field name="code">120000</field>
<field name="name">天津</field>
</row>
<row>
<field name="id">3</field>
<field name="code">130000</field>
<field name="name">河北</field>
</row>

读取的方法很简单:

//首先要建一个DOMDocument对象
$doc = new DOMDocument();
//加载XML文件
$doc->load('xml/province.xml');
//获取所有的row标签
$rows = $doc->getElementsByTagName("row");
$data = array();
//遍历所有的row标签
foreach ($rows as $row) {
	$field = $row->getElementsByTagName("field");
	//item代表field标签的顺序,nodeValue是这个节点的值
	$id = $field->item(0)->nodeValue;
	$code = $field->item(1)->nodeValue;
	$name = $field->item(2)->nodeValue;
	$data = array(
		'id' => $id,
		'code' => $code,
		'name' => $name
	);
}

以下是DOMDocument的一些属性和方法:

属性:
Attributes 存储节点的属性列表(只读)
childNodes
存储节点的子节点列表(只读)
dataType 返回此节点的数据类型
Definition
以DTD或XML模式给出的节点的定义(只读)
Doctype 指定文档类型节点(只读)
documentElement
返回文档的根元素(可读写)
firstChild 返回当前节点的第一个子节点(只读)
Implementation
返回XMLDOMImplementation对象
lastChild 返回当前节点最后一个子节点(只读)

nextSibling 返回当前节点的下一个兄弟节点(只读)
nodeName 返回节点的名字(只读)

nodeType 返回节点的类型(只读)
nodeTypedValue 存储节点值(可读写)

nodeValue 返回节点的文本(可读写)
ownerDocument 返回包含此节点的根文档(只读)

parentNode 返回父节点(只读)
Parsed 返回此节点及其子节点是否已经被解析(只读)

Prefix 返回名称空间前缀(只读)
preserveWhiteSpace 指定是否保留空白(可读写)

previousSibling 返回此节点的前一个兄弟节点(只读)
Text 返回此节点及其后代的文本内容(可读写)

url 返回最近载入的XML文档的URL(只读)
Xml
返回节点及其后代的XML表示(只读)

方法:
appendChild
为当前节点添加一个新的子节点,放在最后的子节点后
cloneNode 返回当前节点的拷贝
createAttribute
创建新的属性
createCDATASection 创建包括给定数据的CDATA段
createComment
创建一个注释节点
createDocumentFragment 创建DocumentFragment对象

createElement 创建一个元素节点
createEntityReference
创建EntityReference对象
createNode 创建给定类型,名字和命名空间的节点

createPorcessingInstruction 创建操作指令节点
createTextNode
创建包括给定数据的文本节点
getElementsByTagName 返回指定名字的元素集合
hasChildNodes
返回当前节点是否有子节点
insertBefore 在指定节点前插入子节点
Load 导入指定位置的XML文档

loadXML 导入指定字符串的XML文档
removeChild 从子结点列表中删除指定的子节点

replaceChild 从子节点列表中替换指定的子节点
Save 把XML文件存到指定节点

selectNodes 对节点进行指定的匹配,并返回匹配节点列表
selectSingleNode
对节点进行指定的匹配,并返回第一个匹配节点
transformNode 使用指定的样式表对节点及其后代进行转换

 

Tonitech版权所有 | 转载请注明出处: http://www.tonitech.com/?p=1482

怎样复制Windows cmd中的内容

通常在windows里面的方法就是左键选中起始位置,然后拖动鼠标到达终止位置,再ctrl+c,或者右键选择复制即可。但是在cmd的环境下,就没有这么简单了,方法如下:
1、在需要复制的内容的起始部分,单击鼠标右键,选择“标记”;
2、此刻直接左键拖动鼠标即可实现内容的选定了;
3、选择完毕,直接按键盘的回车键,即可完成复制操作了!

 

 

参考文献:

http://hi.baidu.com/wuhongtianfj/item/05ec14a5f376dc218819d358

 

Tonitech版权所有 | 转载请注明出处: http://www.tonitech.com/?p=323