javascript对链接的处理

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


 

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改进链接

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

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

   <a href="target.html" id="redirect">

  并且页面中有脚本:

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。

 

   

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值