前言
本栏目为笔者结合自身前端学习笔记、w3cschool官网文档以及其他相关技术文档整理而成的javascript知识点合集,整理不易,如果本篇笔记对您的学习有帮助的话,请点个赞叭!
(一)输出方式
(1)write方式:在页面显示文本内容,write方式只能由document节点调用
document.write("Hello world")
(2)innerText方式:同样在页面显示文本内容,但是可以被任何节点调用
document.getElementById("te").innerText = "Hello world"
(3)alert()方式:alert()是弹窗,一般用于弹窗警告
alert("Hello world")
(4)console.log()方式:打印文本,该文本不在页面显示,而是在控制台显示,一般在调试时用于打印相关信息
console.log("Hello world")
二、<script></script>书写
1、<script></script>使用方式
(1)内嵌式:在<body>或者<head>中使用<script></script>包裹javascript语句
<body>
<script>
document.write("Hello World")
</script>
</body>
<head>
<script>
document.write("Hello World")
</script>
</head>
(2)外链式:使用地址直接引入js文件,其中,src的内容可以为绝对地址或相对地址(推荐)
<script src="./xxx"></script>
(3)行内式:在html元素的属性中,通过行为触发执行,很少用(不推荐)
<button onclick="console.log('Hello World')">点击打印</button>
2、说明
在实际开发中,外链式使用频率较高,并且可以一次引入多个外链式<script src="./xxx"></script>,内嵌式适合练习时使用,注意:使用外链式时,内嵌的<script></script>将被自动忽略。
三、javascript注释
在编写javascript语句时,适当的注释是必要的,可以增强代码的易读性,有利于后续程序的优化和修复,有助于提高协作效率,提高开发效率。
但是,注释内容一定要精简,切记冗长的注释内容,过多的注释内容不仅影响代码的可读性,不利于协作和阅读,同时花费了多余的开发时间。
1、注释类型
(1)单行注释://
//我是单行注释
(2)多行注释:/**/
/*我是多行注释*/
2、注释快捷键
单行注释:[ctrl] + [ / ]
多行注释:[shift] + [ctrl] + [ / ]
以上注释在webstorm中有效,在vs code中,则使用
[shift] + [alt] + [a]
当然,也可以根据自己的习惯,在设置中修改快捷键!