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