前端页面

2021/12/8 vue

# 页面

ITH-UI 采用sitemesh + PJAX加载页面,模板页面已引入的文件,其他页面无需再次引入这些文件。

** Pajx 是 HTML5 pushState 以及 Ajax 两项技术的简称,综合这两个技术可以实现在不刷新页面的情况下载入 HTML 到当前网页。 **

# IE支持

以下代码是为了支持IE9。

<!--[if lte IE 9]>
    <script>
      require(['respond', 'html5shiv', 'placeholder']);
    </script>
<![endif]-->

# 低版本IE跳转

以下代码在浏览器低于IE9时,自动跳转页面。

<!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0; url='/ie'" />
<![endif]-->

# 链接页面

ITH-UI 是一个 Pjax 项目,当您要链接页面时您只需要在 <a> 标签中加入data-pjax即可。如下:

<a href="demo.html" data-pjax></a>

或者使用JS方法pjax(url)跳转页面:

pjax('demo.html');

$.reload方法可局部刷新当前页面,不添加浏览器历史记录。

$.reload();