第二章 Javascript基础知识点

前言

本栏目为笔者结合自身前端学习笔记、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]

当然,也可以根据自己的习惯,在设置中修改快捷键! 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值