.NETFrameworkSmartNavigation相关概念解析

.NET Framework SmartNavigation这个Page属性很有意思，他在不改动（其实是改动很小）页面元素布局的情况下，居然可以模拟出非常平滑的“无刷新”页面，为什么这个“无刷新”要阔起来呢？其实他是刷新了的，而且用的也不是什么xmlhttp也不是xmldom技术，它是事实在在的Submit，可能这样是为了浏览器兼容性什么的来考虑的吧。 #t#

华州网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。创新互联于2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

SmartNavigation的实现原理，其实和我们在动画绘制中使用的双缓冲技术及其相似。首先说一下他对普通页面的改造，他在普通的.aspx页面的返回结果中，加了两行代码，一个是IFrame，一个是JScript脚本：

< IFRAME ID="__hifSmartNav"
NAME="__hifSmartNav" STYLE=
"display:none"
src="/aspnet_client/system_web/
1_1_4322/SmartNav.htm">
< /IFRAME>
< script language="JScript"
src="/aspnet_client/system_web/
1_1_4322/SmartNav.js">
< /script>

这中间的IFrame（__hifSmartNav）就相当于动画绘制中的实际绘图表面，在.NET Framework SmartNavigation中，他就是实际的Submit页面和数据接收页面。这一切都是SmartNav.js的杰作，SmartNav.js中使用了一个更有意思的技术，其实是老的不能再老的技术，用现代的话来说就是hook，说远点和Dos下修改中断向量有异曲同工之妙。它是怎么做的呢？其实除了显示输出，一切的操作都克隆到IFrame里去执行去了，因为IFrame对象，和Document对象有着最大的相似性，包括属性和事件等。

当我们执行enable了.NET Framework SmartNavigation的页面时，它首先被SmartNav.js引导，这个脚本中最关键的一句就是：var rc = window.__smartNav.attachForm();，他的作用就是把我们当前页面上的form，包装到一个叫__smartNav的类中，然后用这个类来操作一切navigate。
这是SmartNav.js中最关键最精彩的代码：

 
 
 
  
  
  if (snfm.__formAttached == 
true) return true;   
  
  
  snfm.__formAttached = true;   
  
  
  snfm.attachEvent("onsubmit",
 window.__smartNav.init);   
  
  
  snfmsnfm._submit = snfm.submit;   
  
  
  snfm.submit = window.__
smartNav.submit;   
  
  
  snfm.target = window.__
smartNav.hifName;

他完成了form的attach，同时hook了页面的submit事件，还在最后一句把__smartNav中form的target设定到了__hifSmartNav（这就是隐藏的那个IFrame）。如果不改变target，那么submit就把我们的当前form提交了。

.NET Framework SmartNavigation介绍到这儿已经就没有什么好说得了，提交是__hifSmartNav执行的，返回的数据也回到了这个IFrame中，剩下的就是把获得数据写回到我们本来的那个document中去，那些代码比较的复杂，处理的情况也挺多，连标题的更新都是考虑到了的，有兴趣就自己去读读罢。

本文标题：.NETFrameworkSmartNavigation相关概念解析
本文地址：http://www.hantingmc.com/qtweb/news1/9401.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容