js页面跳转的几种方法

通过js或者html或者php等动态程序都可以方便的实现跳转,这里搜集了几种页面跳转的方式

js方式的页面跳转
1.window.location.href方式
    <script language="javascript" type="text/javascript">
           window.location.href="http://www.dayanmei.com/";
    </script>
2.window.navigate方式跳转
   <script language="javascript">
    window.navigate("top.jsp");
</script>

3.window.loction.replace方式实现页面跳转,注意跟第一种方式的区别
<script language="javascript">
    window.location.replace("http://www.dayanmei.com");
</script>
有3个jsp页面(1.jsp, 2.jsp, 3.jsp),进系统默认的是1.jsp ,当我进入2.jsp的时候, 2.jsp里面用window.location.replace("3.jsp");与用window.location.href ("3.jsp");从用户界面来看是没有什么区别的,但是当3.jsp页面有一个"返回"按钮,调用window.history.go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.jsp页面的话,区别就出来了,当用 window.location.replace("3.jsp");连到3.jsp页面的话,3.jsp页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.jsp 。
4.self.location方式实现页面跳转,和下面的top.location有小小区别
   <script language="JavaScript">
          self.location=’top.htm’;
   </script>
5.top.location
   <script language="javascript">
          top.location=’xx.jsp’;
   </script>

6.不推荐这种方式跳转
    <script language="javascript">
    alert("返回");
    window.history.back(-1);
   </script>

在php程序中,这种方式跳转前面不能有任何输出
<?php
header("url.php");
?>

meta方式实现跳转(content = 3 单位是秒)
<meta http-equiv=refresh content=3;URL="http://www.dayanmei.com">

总结二:

1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);
2. history.back().
3. window.history.forward()返回下一页
4. window.history.go(返回第几页,也可以使用访问过的URL)
例:
<a href="javascript:history.go(-1);">向上一页</a>
response.Write("<script language=javascript>")
response.Write("if(!confirm(‘完成任务?’)){history.back();}")
response.Write("</script>")
response.Write("<script language=javascript>history.go(-1);</script>")
<a href="javascript:history.go(-1);">向上一页</a>
页面跳转:onclick="window.location.href=’list.aspx’"
P.S.
小技巧(JS引用JS):
<script type=text/javascript>
<!–
if (typeof SWFObject == "undefined") {
document.write(‘<scr’ + ‘ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr’ + ‘ipt>’);}
//–>
</script>
Javascript刷新页面的几种方法:
1    history.go(0)
2    location.reload()
3    location=location
4    location.assign(location)
5    document.execCommand(‘Refresh’)
6    window.navigate(location)
7    location.replace(location)
8    document.URL=location.href
自动刷新页面的方法:
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中20指隔20秒后跳转到http://www.wyxg.com页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
       window.location.reload();
}
setTimeout(‘myrefresh()’,1000); //指定1秒刷新一次
</script>
ASP.NET如何输出刷新父窗口脚本语句
1.   this.response.write("<script>opener.location.reload();</script>");
2.   this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");
3.   Response.Write("<script language=javascript>opener.window.navigate(”你要刷新的页.asp”);</script>")
JS刷新框架的脚本语句
//如何刷新包含该框架的页面用
<script language=JavaScript>
   parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
    self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a>   )
//如何刷新另一个框架的页面用
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>
如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>

Umbraco中生成Breadcrumb,create Breadcrumb in Umbraco

 
我的Breadcrumb是用Partial
首先新建一个Partial:Breadcrumb
2012-01-19_17-33-33
在里面插入代码:

@inherits RenderViewPage
@using Umbraco.Cms.Web
@using System
 @{
     var Homepage = @DynamicModel;
     var lis = string.Empty;
     lis = string.Format("
  • {0}
  • ", Homepage.Name) + lis; while (Homepage.ContentType.Alias != "homePage";) { Homepage = Homepage.Parent; lis = string.Format("
  • {1}
  • ", Homepage.Url, Homepage.Name) + lis; } }
      @Html.Raw(lis)

    这样就行了
    在使用的地方:
    @Html.Partial(“Breadcrumb”)
     
    效果如下:
    2012-01-19_17-33-52
    当然必要的css还是需要的,这里就不贴了.

    MVC3-Razor输出Html

    输出HTML代码(包含标签):直接输出,

    string html = "文本";
    @html

    输出HTML内容(不包含标签):有两种方法,

    第一种:

    IHtmlString html=new HtmlString("文本");
    @html ;

    第二种:

    string html = "文本";
    @Html.Raw(html);

    京东商城技术揭秘:.NET与Java博弈

    春运期间,铁道部的现任老大12306网站在面对日均10亿多次的点击量时,频繁瘫痪,给我们带来的惨痛教训是,关键时刻掉不能掉链子,这也印证了科技是第一生产力。

    而说起中国自主经营式B2C网站的行业老大,京东商城在2011年第三季度京东商城创下了37.8%的市场占有率。2011年6月18日,京东商城6周年店庆当天订单量接近50万单、单日销售额超过2亿元,在中国电子商务市场创下单日销售量历史纪录。那么,面临如此大规模并发访问压力,京东商城采取了何种技术架构的B2C系统来支撑其运营呢?

    前端采用.NET技术架构

    说起京东商城,不得不提到它的掌门人,2011CCTV十大经济人物“刘强东”。刘强东毕业于中国人民大学,理科超强的他业余时间自学编程。在创立京东商城的早期,刘强东选用了最为熟悉的.NET,直到现在,京东商城的前端部分仍然沿用.NET技术架构。

    后端采用Java技术

    京东商城连续六年200%以上的增长率,并不能掩盖其背后隐含的技术难题。比如,在2011年11月1日京东商城的图书促销活动中,由于促销活动仅限时1个小时,消费者疯狂抢购导致服务器不堪重负,最终瘫痪。为平息消费者的抱怨,刘强东在微博上表示:“重搞活动,增加3倍服务器,活动时间不能低于3小时。”尽管刘强东的危机公关做得很到位,即使京东商城增加了三倍服务器,技术问题依旧没有解决。

    随后京东商城进行了技术构架调整,基于历史原因前端技术依然使用.NET技术开发并且进行了大规模的性能优化,将系统后台使用JAVA技术进行重构,暂时性的缓解了系统访问压力。

    据最新消息,京东商城已经投入了大量资金邀请国外的咨询公司做技术策略顾问,并开始大规模招聘JAVA研发人员,这一点从京东商城的“人才招聘”页面就可以看出。预计在未来不久京东商城将全面切换至JAVA架构了。

    团购采用PHP技术

    据团购导航网站团800最新统计,2011年国内团购市场交易总额达110亿元,比2010年实现了550%的增长;超过3亿人次“抱团”消费,而按全年平均折扣3.6折计算,团购为全国消费者共节省了超过190亿元的消费支出,比2010年多省了156亿元。

    看看上述这组数字,就不难想象京东商城对于团购的蛋糕是多么的垂涎欲滴。与众多团购网站一样,京东商城的团购频道采用了高效率的PHP技术。与其它语言相比,PHP是将程序嵌入到HTML文档中去执行,执行效率比完全生成HTML标记的CGI要高许多;与同样是嵌入HTML文档的脚本语言JavaScript相比,PHP在服务器端执行,充分利用了服务器的性能;PHP执行引擎还会将用户经常访问的PHP程序驻留在内存中,其他用户在一次访问这个程序时就不需要重新编译程序了,只要直接执行内存中的代码就可以了,这也是PHP高效率的体现之一。PHP具有非常强大的功能,所有的CGI或者JavaScript的功能PHP都能实现,而且支持几乎所有流行的数据库以及操作系统。

    UI采用jQuery插件

    习惯网购的朋友都深有体会。大部分皇冠级淘宝卖家都是图片控。京东商城的放大图效果也是吸引消费者的法宝之一。京东商城产品展示页支持多图切换并放大代码,放大功能的核心代码为jQzoom,当把鼠标移到下边的小图上的时候,上边显示大图片,当把鼠标放到大图片上,右侧则出现鼠标对应地方的大图片,方便查看产品细节,比较适合网店产品展示。

    JQZoom 是一个JavaScript图像放大镜,内置在流行的jQuery JavaScript框架顶部。jQzoom 功能非常强大,操作较为简单。支持标准模式、反转模式、无镜头、无标题的放大,并可以自定义jQZoom的窗口位置和渐隐效果,更多信息,请查看http://tech.it168.com/a2012/0112/1302/000001302122.shtml。

    今日,京东商城高调宣布招聘2万人。笔者查看了一下京东商城招聘页面,发现很多研发职位。这也从侧面回击了专业人士关于“京东商城大手笔在抢购市场上烧钱,但其物流和后台系统技术上却没有跟上脚步”的质疑。

    html+js轮播图片slide show

    提示:你可以先修改部分代码再运行。

    
    	
    		
    		
    		
    
    
    	
    
    

    wordpress搬家到cPanel主机

    之前备份了数据库sql文件和整站的文件,考虑已久决定的事情当然早有准备。
    搬家过程如下:
    1.还原数据库和wordpress文件
    登陆cPanel管理页面创建新的数据库
    2012-01-16_22-31-37
    然后添加mysql用户向刚才建立的数据库添加这个用户,记下用户名和密码,等下要在原先的wordpress的wp-config.php里修改数据库和用户名
    2012-01-16_22-33-34
     
    之前备份的wordpress文件压缩成rar格式的,结果传到cPanel上不能解压缩,又换成zip格式的传上去解了压缩
    2.修改wp-config.php指向新的数据库
    找到wp-config.php右击选择Edit
    2012-01-16_22-38-00
    然后编辑你的数据库配置
    2012-01-16_22-39-32
    然后就大功告成了,
     
    如果你的域名变了的话,就要进mysql里的wp_options表里改下siteurl和host的值
    大功告成,搬家成功!

    Javascript检测终端浏览器是android或ipad、iphone

    有些时候会需要判断页面是在哪种移动终端上运行的
    navigator.appVersion:
    <script>document.write(navigator.appVersion);</script>
    <br/>
    Device type:
    <script>if((/android/gi).test(navigator.appVersion))
    document.write("android");
    if((/iphone|ipad/gi).test(navigator.appVersion))
    document.write("IOS");
    </script>
    <br/>

     

    提示:你可以先修改部分代码再运行。

    ps:本文只打印出了是不是android或ios,其他的没有打出来