AJAX但可以访问链接

分享于 

2分钟阅读

Web开发

  繁體 雙語

介绍

你想让一个基于ajax的导航网站只刷新显示正确内容的更改? 酷这会带来一个React性的网站。

[__strong__]<a href="javascript:LoadPage1()">page1</a>a link calling a javascript method to ajaxify your page

问题 1: 如果用户已经禁用了 JavaScript,这里网页将阻止你的用户浏览你的网站。

问题 2: 它还阻止用户在新窗口或者新标签中打开这里链接:(

ajaxed和可以访问链接的哲学"

我会给你一个非常小而简单的我的链接方法的implemantation:

  • 允许用户在链接中的简单点击上使用
  • 创建一个经典导航( 使用 href ) 当用户在浏览器中不启用JavaScript而进行简单点击时
  • 如果用户想在一个收费的新标签或者一个新窗口中打开链接,那么就做一个典型的导航

选择下面的实现,如果用户单击链接,则决定使用经典导航:

  • 中间按钮
  • CTRL键按下
  • 按下SHIFT键

在网站设计中,必须使所有页面都可以通过链接访问,redering的页面的正确状态。

实现

我在源文件中包含了一个 JavaScript SmartLink 函数,你可以从 上面 下载。 要使用它,你必须编写你的链接,如下所示:

<aid="SmartLink1"href="http://www.codeproject.com"onmousedown="SmartLink(event, this, 'MyAjaxLink1()');"> my smart link 1</a>

iPhone 7 还没出来,我们已经在iPhone上获取细节 8,或者不管是想到下一步。 href 如果禁用了 JavaScript,或者新的窗口/新选项卡,则将使用属性,
'MyAjaxLink1()'将是对 ajax to链接functionnality进行的JavaScript调用。

结束语

这种方法需要更加加密,但是可以使用一个禁用的javascript complient网站和/网站。


acc  link  links  accessible