javascript对链接的处理

最新推荐文章于 2024-12-30 11:50:25 发布

原创最新推荐文章于 2024-12-30 11:50:25 发布 · 689 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript链接处理

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用JavaScript对链接进行处理，确保在用户重定向时提供良好的体验。首先，展示了如何根据用户是否启用JavaScript来决定跳转到不同页面。接着，探讨了如何利用JavaScript改进链接，在跳转前执行额外操作，如显示警告。这些方法使得即使在JavaScript禁用的情况下，链接也能正常工作。

1.用链接对用户重定位

这里重定位就是先判断用户是否开启javascript，之后根据判断将用户转到另一个页面。

页面 index.html

<body>
  <a href="notScript.html" id="redirect">welcome to the website</a>
</body>

在页面index.html中的head中加入脚本：

window.onload=initAll;
function initAll(){
   document.getElementById("redirect").onclick=initRedirect;
}
function initRedirect(){
  window.location="hasScript.html";
  return false;
}

页面处理：

当单击链接时如果用户没有启动javascript那么页面会按通常的href路径跳转到notScript.html页面，否则会跳转到hasScript.html页面。

启用了javascript的页面处理是调用initRedirect函数，它将window.localtion设置为一个新页面，return false表示停止对用户单击的处理，这样就不会加载herf指向的页面。

2.用javascript改进链接

实现在用户单击链接之后，跳转到链接目的地之前，做的一些操作。

同样的对于一个页面中的链接

并且页面中有脚本：

window.onload=initAll;
function initAll(){
  document.getElementById("redirect").onclick=initRedirect;
}
 function initRedirect(){
   alert("are you sure you want to get in?");
   window.location=this;
  return false;
}

这里实现了在跳转到另一个页面之前出现警告。

以上两种方式实现了无干扰编程，即在没有启动javascript的情况下也可以正常工作而不是提示换用其他浏览器或者启用js。