jquery 渲染 html() text() val() document.write() 和ajax实现页面跳转
2016-11-29 17:32
483 查看
1、html()、text()和val()的作用
jQuery中.html()用为读取和修改元素的HTML标签,.text()用来读取或修改元素的纯文本内容,.val()用来读取或修改表单元素的value值。
2、text()和html()的区别
text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
3、document.write()的作用
一个最基本的JavaScript命令是document.write。这个命令简单地打印指定的文本内容到页面上。为了逐字打印文本,在打印的文本字符串加上单引号。
在载人页面后,浏览器输出流自动关闭;在此之后,任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流。它将清除当前页面内容(包括源文档的任何变量或值)、因此.假如希望用脚本生成的HTML替换当前页面,就必须把HTML内容连接起来赋给一个变量、使用一个document.write()方法完成写操作,不必清除文档并打开一个新数据流,一个document.write()调用就可完成所有的操作。
关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内容后.必须关闭输出流。在延时脚本的最后一个document.write()方法后面.必须确保含有document.close()方法,不这样做就不能显示图片和表单。并且,任何后面调用的document.write()方法只会把内容追加到页面后,而不会清除现有内容来写入新值。
4、使用ajax跳转页面
该效果是将变量data中body片段的数据写到当前页面body中从而实现页面的跳转,然而这样做有一个问题,就是body片段的代码若包含js的话,该js不会产生作用(即该js写入的是浏览器中的渲染去,而不是写入浏览器的js代码运行区)。
5、如何测试跳转是否是ajax跳转
使用浏览器开发者模式,点击sources页面,查看源文件是否是跳转的地址,不是则代表ajax,例如本博客的地址为http://write.blog.csdn.net/postedit/53396151,在sources中的html页面名称应该为53396151
jQuery中.html()用为读取和修改元素的HTML标签,.text()用来读取或修改元素的纯文本内容,.val()用来读取或修改表单元素的value值。
2、text()和html()的区别
text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
3、document.write()的作用
一个最基本的JavaScript命令是document.write。这个命令简单地打印指定的文本内容到页面上。为了逐字打印文本,在打印的文本字符串加上单引号。
在载人页面后,浏览器输出流自动关闭;在此之后,任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流。它将清除当前页面内容(包括源文档的任何变量或值)、因此.假如希望用脚本生成的HTML替换当前页面,就必须把HTML内容连接起来赋给一个变量、使用一个document.write()方法完成写操作,不必清除文档并打开一个新数据流,一个document.write()调用就可完成所有的操作。
关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内容后.必须关闭输出流。在延时脚本的最后一个document.write()方法后面.必须确保含有document.close()方法,不这样做就不能显示图片和表单。并且,任何后面调用的document.write()方法只会把内容追加到页面后,而不会清除现有内容来写入新值。
4、使用ajax跳转页面
function doSave() { $.ajax({ cache : false, type : "GET", url : '${ctx}/job/doSave', data : $("#queryForm").serializeArray(), error : function(request) { }, success : function(data) { $("body").html(data); } }); }
该效果是将变量data中body片段的数据写到当前页面body中从而实现页面的跳转,然而这样做有一个问题,就是body片段的代码若包含js的话,该js不会产生作用(即该js写入的是浏览器中的渲染去,而不是写入浏览器的js代码运行区)。
5、如何测试跳转是否是ajax跳转
使用浏览器开发者模式,点击sources页面,查看源文件是否是跳转的地址,不是则代表ajax,例如本博客的地址为http://write.blog.csdn.net/postedit/53396151,在sources中的html页面名称应该为53396151
相关文章推荐
- JQuery -AJAX- html中提交表单并实现不跳转页面处理返回值
- 有了html页面,进行二次显示,通过html、JavaScript、jQuery的ajax三种技术,我可以实现任何界面效果
- innerHTML、innerText、outerHTML、outerText、text()、html()、val()、document.write、document.writeIn
- Ajax,jQuery实现页面无跳转与对比
- 利用JQuery实现HTML页面跳转
- jQuery中的跳转 html,text,val
- ajax页面实现跳转
- PHP/ASP/HTML/JAVASCRIPT 实现页面跳转
- 基于jQuery的AJAX和JSON实现纯html数据模板
- HTML页面自动跳转的五种实现方法
- HTML页面自动跳转的五种实现方法
- 一些页面自动跳转的实现 转自<a href="http://www.blogjava.net/Jcat/archive/2006/11/22/82831.html" target="_blank">http://www.blogjava.net/Jcat/archive/2006/11/22/82831.html</a>
- 基于jQuery的AJAX和JSON实现纯html数据模板
- 基于jQuery的AJAX和JSON实现纯html数据模板
- C实现html页面的跳转
- AJAX在静态HTML页面中实现权限控制的应用
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- AJAX+Js实现html页面点击数自动更新
- JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现 加上你的CSS完全可以与EXT媲美哦
- 基于jQuery的AJAX和JSON实现纯html数据模板