客户端JavaScript最佳实践

Question

我所能想到的唯一的例子是

<a href="valid.html" onClick="someFunction()>Click Here</a>

而不是

<a href="javascript:;" onClick="someFunction()>Click Here</a>

从本质上讲，如果用户禁用了JavaScript，您希望您的网页正常工作。

那么，我的问题是，还有哪些其他技术可以处理未启用JavaScript的用户？

Answer 1

您总是希望您的href指向要加载的信息的正确url。(我假设这就是你的目标)

您的someFunction()可以是一个从目标页面加载部分信息的ajax调用。正确设置href对渐进式增强很有帮助。

Answer 2

如果用户禁用了JavaScript，请将此消息发送给他们。在我看来，没有理由继续为没有JavaScript支持的浏览器或禁用了它的用户进行开发。

关于你的问题的答案...

function someFunction() { }

// using jquery
$(document).ready(function() {
    var els = document.getElementsByTagName('a');

    for(i=0; i<els.length; i++) {
        // more logic could go here
        $(els[i]).click(function() { someFunction(); });
    }
});

<a id="optional" href="/link/to/page">Click Here</a>