Javascript 具有内联JS的缺点

Javascript 具有内联JS的缺点,javascript,html,Javascript,Html,我想知道这段话到底是什么意思 这是从一个网站的缺点内联脚本 易访问性差:当涉及内联JavaScript代码时,例如 在上面的示例中,它应用于一个没有任何 内置的回退交互处理程序 链接:渐进增强示例 在这里,如果JavaScript失败,则链接正常工作,并通过从服务器加载新页面来显示重要消息 (如果JavaScript成功,单击默认行为将被取消,并且不遵循链接) 链接的内置交互处理程序是“转到URL”。通过将JavaScript分层,我们可以将其用作后备方案 无渐进增强的示例 点击我 在这里

我想知道这段话到底是什么意思

这是从一个网站的缺点内联脚本

易访问性差:当涉及内联JavaScript代码时,例如 在上面的示例中,它应用于一个没有任何 内置的回退交互处理程序

链接:

渐进增强示例

在这里,如果JavaScript失败,则链接正常工作,并通过从服务器加载新页面来显示重要消息

(如果JavaScript成功,单击默认行为将被取消,并且不遵循链接)

链接的内置交互处理程序是“转到URL”。通过将JavaScript分层,我们可以将其用作后备方案

无渐进增强的示例
点击我
在这里,如果JavaScript失败,那么什么也不会发生。它只是一个按钮,什么都不做


这实际上与JavaScript的内联无关。从脚本元素加载并绑定到
addEventListener


<div style="width: 800px; margin: 1em auto; font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif">
    <div style="float: left; width: 400px; padding: 1em 2em; font-size: 0.9em">
        <span id="get-shit" onclick="callSomeFunction()">News</span>
    </div>
</div>
新闻
他说在上面的函数中,如果调用某个函数,会将一个页面重定向到另一个页面。。。但是由于某些原因(由于网络错误,它无法加载)callSomeFunction没有加载到页面中,那么它将是一个无效链接,因此它应该以这样一种方式实现:如果没有javascript,它也可以正常工作

即使是浏览器也提供了一个配置来禁用用户的javascript,所以在这种情况下,上面的链接也不会起任何作用

所以他用下面的代码说

<link rel="stylesheet" href="css/base.css" type="text/css" media="screen">
<script type="text/javascript" src="js/base.js"></script>

<div id="container">
    <div id="navigation">
        <a id="get-news" href="news-proper-url">News</a>
    </div>
</div>


/*
    CSS code, in separate file (base.css)
*/
#container {
    width: 800px;
    margin: 1em auto:
    font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

#navigation {
    float: left;
    width: 400px;
    padding: 1em 2em;
    font-size: 0.9em;
}

/*
    JavaScript code, in separate file (base.js)
*/
window.onload = function () {
    document.getElementById("get-news").onclick = function () {
        // Get news through AJAX
    };
}

/*
CSS代码,在单独的文件(base.CSS)中
*/
#容器{
宽度:800px;
边距:1em自动:
字体:粗体1em/1.2 Verdana,Arial,Helvetica,无衬线;
}
#航行{
浮动:左;
宽度:400px;
填料:1米2米;
字号:0.9em;
}
/*
JavaScript代码,在单独的文件(base.js)中
*/
window.onload=函数(){
document.getElementById(“获取新闻”).onclick=function(){
//通过AJAX获取新闻
};
}
在这里,如果未加载javascript,则单击“新闻”将重定向到新页面

如果加载了javascript,他将发送一个AJAX请求,并在同一页面中加载新闻

在同一页中列出了哪些关于javascript不可用的案例

现在不是每个人都有JavaScript吗

第一:没有。第二:有些人故意把它关掉(为了 例如,NoScript Firefox扩展已经有3100万次下载 直到今天)。第三,通常不是由最终用户决定的,而是 他们无法控制的外部环境对某些人来说 范围或其他,导致JavaScript不可用。这些因素 它们是:

防病毒程序和防火墙在其应用中有点过于苛刻 JavaScript安全判断。筛选出的公司代理服务器 代码(例如,阅读关于AJAX和 可访问性)。其他公司互联网访问设置阻止 正确的JavaScript执行


请提供完整的参考或提及的example@hero提供链接aswell@Hero当前位置我的回答有用吗?你有没有进一步了解这个问题。。谢谢你的帮助!
<div style="width: 800px; margin: 1em auto; font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif">
    <div style="float: left; width: 400px; padding: 1em 2em; font-size: 0.9em">
        <span id="get-shit" onclick="callSomeFunction()">News</span>
    </div>
</div>
<link rel="stylesheet" href="css/base.css" type="text/css" media="screen">
<script type="text/javascript" src="js/base.js"></script>

<div id="container">
    <div id="navigation">
        <a id="get-news" href="news-proper-url">News</a>
    </div>
</div>


/*
    CSS code, in separate file (base.css)
*/
#container {
    width: 800px;
    margin: 1em auto:
    font: bold 1em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

#navigation {
    float: left;
    width: 400px;
    padding: 1em 2em;
    font-size: 0.9em;
}

/*
    JavaScript code, in separate file (base.js)
*/
window.onload = function () {
    document.getElementById("get-news").onclick = function () {
        // Get news through AJAX
    };
}