day01-复习JavaScript基础语法 ｜ 青训营笔记
站长
· 阅读数 30
这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
JavaScript编写方式
第一种编写方式（HTML行内）
<body>
<a href="javascript:alert('百度一下')" onclick="alert('点击百度一下')">百度一下</a>
</body>
如图所示，我们把js代码写到了a标签中，在我们之前的学习过程中，我们习惯于在body体内书写我们所需要的html代码，这种方法虽然可行，但是过于臃肿，并且不利于别人阅读，在我们的潜意识中，a标签所包含的内容应为超链接，将js代码嵌入a标签中难免有种生硬感，不推荐（可运行）
第二种编写方式（script标签中）
<body>
<a href="#" class="google">Google一下</a>
<script>
const googleEl = document.querySelector('.google')
googleEl.onclick = function(){
alert('Google一下')
}
</script>
</body>
如图所示，相对于第一种书写方法来说，第二种较为清晰，很好的通过script标签将html部分和js内容分隔开，使得读者在浏览源代码时候相对舒服一点。对于初学者而言，此方法比较好；我们眼光放长远一点，以后写大项目的时候，如果还是将js代码内嵌在html页面中的话，整篇页面的代码长度过长，不利于读者的阅读，不推荐（可运行）
第三种编写方式（外部的script文件）
如图所示，相对于前两种代码风格来看，第三种方法将js代码单独用一个文件来进行书写。这样书写的好处是：① 代码整体界面不至于臃肿 ② 便于后期维护项目，读者可以通过alt+鼠标左键快速查看js文件，作者比较推荐此方法
< noscript >标签
问题
有些用户的浏览器版本过低，比如早期的IE浏览器，无法对js标签解析，我们如何告诉用户是浏览器的问题而并非是我们网站的问题呢？
思路
- 针对早期浏览器不支持JavaScript的问题，我们需要一个优雅降级的处理方案
<noscript>标签应运而生,用于不支持JavaScript一个页面提示内容
触发流程
<body>
<noscript>
<p>您的浏览器不支持或已经关闭运行JavaScript</p>
</noscript>
</body>
下面以Google为例，展示在浏览器中关闭JavaScript的地方
转载自:https://juejin.cn/post/7190550231061102647