jQuery - 综合实例 - Pre标签在IE与Firefox下效果相对理想的换行处理
2007-11-18 22:29
801 查看
jQuery - 综合实例 - Pre标签在IE与Firefox下效果相对理想的换行处理
[代码]
<html><head>
<script src="jquery-1.2.js"></script>
<script>
$(document).ready(function () {
pre_text = "a/rb/rc";
$("#ie").text("在Pre标记中IE使用//r换行/r在Pre标记中IE使用//r换行/r在Pre标记中IE使用//r换行");
$("#firefox").text("在Pre标记中Firefox使用//n换行/n在Pre标记中Firefox使用//n换行/n在Pre标记中Firefox使用//n换行");
$("#rn").text("在Pre标记中使用//r//n换行可以满足Firefox的要求,但是在IE中//n会成为下一行开头处的空白字符/r /n在Pre标记中使用//r//n换行可以满足Firefox的要求,但是在IE中//n会成为下一行开头处的空白字符/r/n在Pre标记中使用// r//n换行可以满足Firefox的要求,但是在IE中//n会成为下一行开头处的空白字符");
$("#nr").text("在Pre标记中使用//n//r换行可以满足Firefox的要求,但是在IE中//n会成为上一行结尾处的空白字符/n /r在Pre标记中使用//n//r换行可以满足Firefox的要求,但是在IE中//n会成为上一行结尾处的空白字符/n/r在Pre标记中使用// n//r换行可以满足Firefox的要求,但是在IE中//n会成为上一行结尾处的空白字符");
$("#left").text("综合比较//n//r适合左对齐的场合/n/r综合比较//n//r适合左对齐的场合/n/r综合比较//n//r适合左对齐的场合");
$("#right").text("综合比较//r//n适合右对齐的场合/r/n综合比较//r//n适合右对齐的场合/r/n但是在末尾需要增加一个//r以避免在IE中出现空白符/r");
});
</script>
</head>
<body>
<pre id="ie"></pre>
<pre id="firefox"></pre>
<pre id="rn"></pre>
<pre id="nr"></pre>
<pre id="left" style="text-align: left;"></pre>
<pre id="right" style="text-align: right;"></pre>
</body>
</html>
[jQuery - 官方网站]
http://jquery.com/[jQuery - 当前版本]
http://docs.jquery.com/Release:jQuery_1.2[jQuery - 其他下载地址]
下载列表, http://docs.jquery.com/Downloading_jQuery 最新代码, http://code.jquery.com/nightlies/jquery-nightly.js[jQuery - 相关论坛]
http://groups.google.com/group/jquery-enhttp://WebDev.board.newsmth.net/
http://WebGeeks.board.newsmth.net/
http://bbs.pku.edu.cn/, homepage看版
http://forum.csdn.net/SList/JavaScript/
[jQuery - 关键词]
jQuery[jQuery - Core核心]
each迭代, http://docs.jquery.com/Core/each jQuery, http://docs.jquery.com/Core/jQuery[jQuery - Ajax]
jQuery的Ajax文档, http://docs.jquery.com/Ajax/jQuery.ajax jQuery的Ajax选项,http://docs.jquery.com/Ajax/jQuery.ajax#optionsdataType选项,设置返回值类型
timeout选项,用于设置超时
与PHP集成可以使用json_encode返回结果, http://www.php.net/manual/zh/function.json-encode.php
readyState获取请求操作的当前状态, http://msdn2.microsoft.com/en-us/library/ms534361.aspx
[jQuery - 特效]
jQuery淡入特效,http://docs.jquery.com/Effects/fadeIn[jQuery - Selectors选择器]
表单元素选择器, http://docs.jquery.com/DOM/Traversing/Selectors#Form_Selectors 属性相等选择器,http://docs.jquery.com/Selectors/attributeEqualschecked选中, http://docs.jquery.com/Selectors/checked
:input匹配所有input, textarea, select和button元素, http://docs.jquery.com/Selectors/input
选择器在选择body中出现的title标记时,会出现和预期不同的效果。
element按指定名称匹配所有元素, http://docs.jquery.com/Selectors/element
[jQuery - Attributes属性]
val获取第一个匹配元素value属性的内容, http://docs.jquery.com/Attributes/val[jQuery - 常用函数]
attr访问自定义属性,减少javascript脚本中代码和数据的耦合filter, 用于在集合中过滤元素
[jQuery - Events事件]
hover, http://docs.jquery.com/Events/hover submit提交, http://docs.jquery.com/Events/submitfocus响应每个匹配元素的焦点事件, http://docs.jquery.com/Events/focus
click单击, 触发每个匹配元素的单击事件, 绑定函数到每个匹配元素的单击事件, http://docs.jquery.com/Events/click
[jQuery - Traversing遍历器]
filter过滤, http://docs.jquery.com/Traversing/filter find查找, http://docs.jquery.com/Traversing/find[jQuery - Tutorials教程]
Introducing $(document).ready(), http://docs.jquery.com/Tutorials:Introducing_%24%28document%29.ready%28%29[jQuery - plugins插件]
Easing动画, http://jquery.com/plugins/project/easing jCarouseLite, 走马灯效果, http://jquery.com/plugins/project/jCarouselLite tableFilter, 表过滤器, http://jquery.com/plugins/project/tableFilter Rounded Corner圆角矩形, http://docs.jquery.com/Tutorials:Rounded_Corners#Rounded_Corners_Without_Images[jQuery - Utilities实用工具]
trim去掉字符串前后的空格, http://docs.jquery.com/Utilities/jQuery.trim[jQuery - 参考资料]
http://www.json.org/, http://www.json.org/json.jsJScript (Windows Script Technologies):, http://msdn2.microsoft.com/en-us/library/hbxc2t98.aspx
prototype Property (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/f5s9ycex.aspx
parseInt Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/x53yedee.aspx
toString Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/k6xhc6yc.aspx
HTTP Status Codes (Windows):, http://msdn2.microsoft.com/en-us/library/Aa384325.aspx
HTML+TIME:, http://msdn2.microsoft.com/en-us/library/ms533112.aspx
HTA:APPLICATION对象, http://msdn2.microsoft.com/en-us/library/ms536495.aspx
About Cross-Frame Scripting and Security:关于跨框架脚本和安全, http://msdn2.microsoft.com/en-us/library/ms533028.aspx
How to Build Tables Dynamically:如何动态构建表格, http://msdn2.microsoft.com/en-us/library/ms532998.aspx
Filter Property (Tabular Data Control): - Filter属性(表格数据控件), http://msdn2.microsoft.com/en-us/library/ms531364.aspx
[jQuery - 综合实例]
实现前一个和后一个效果跨窗口调用函数
定时刷新
下拉列表框打开指定网站
生成在两个边界间的随机数
文本输入框与标签自动更换
密码输入框与标签自动更换
文本输入区域与标签自动更换
Pre标签在IE与Firefox下效果相对理想的换行处理
相关文章推荐
- Firefox、Chrome跟IE的差别:对以"/>"结尾的标签的不同处理效果
- Jquery的load()方法在IE中效果不理想的解决方法
- jQuery - 综合实例 - 实现前一个和后一个效果
- Jquery的load()方法在IE中效果不理想的解决方法
- jQuery - 综合实例 - 密码输入框与标签自动更换
- p 标签自动换行 (ie,firefox,chrome
- jQuery - 综合实例 - 文本输入区域与标签自动更换
- jquery 层相对于游览器垂直中齐(兼容firefox 和ie)
- 遮罩层效果 兼容ie firefox jQuery遮罩层 弹出层带关闭按钮
- IE中pre标签内换行的问题
- 解决pre标签里的文本换行(兼容IE, FF和Opera等)
- 解决&lt;pre&gt;标签里的文本换行(兼容IE, FF和Opera等)
- [DOM元素处理] 使用jQuery获取iframe元素的value属性值 IE-firefox可以用
- Jquery实现多层元素点击结果叠加效果_获取标签内容_叠加实例
- 利用jQuery srollTop()函数实现类似锚点的定位效果-兼容chrome,firefox,IE,safari
- HTML——jquery学习笔记+实例+动画效果+表格处理
- jquery下拉菜单效果(超简洁实用,兼容IE和firefox等主流浏览器)
- jQuery - 综合实例 - 文本输入框与标签自动更换
- 几行简单的jQuery代码搞定tab标签切换效果
- 多iframe使用tab标签方式添加、删除、切换的处理实例