JavaScript基本语法

# JavaScript的编写方式

# HTML代码行内

<a href="javascript:alert('百度一下')" onclick="alert('点击百度一下')">百度一下</a>

# script标签中

<a class="google" href="#">Google一下</a>
<script>
	const googleEl = document.querySelector('.google')
    googleEl.onclick = function(){
        alert('google一下')
    }
</script>

1
2
3
4
5
6
7

# 外部的script文件

需要通过script标签引入外部的JavaScript文件

<script src="./bing.js"></script>

# `<noscript>`元素

如果运行的浏览器不支持JavaScript，那么如何给用户更好的提示呢。针对早期浏览器不支持JavaScript的问题，需要一个页面优雅降级的处理方案；最终<noscript>元素出现，被用于给不支持JavaScript的浏览器提供替代内容。

例如下面的情况，浏览器将显示包含在<noscript>中的内容

浏览器不支持脚本
浏览器对脚本的支持被关闭

<body>
    <noscript>
    	<p>
            您的浏览器不支持或者关闭运行
        </p>
    </noscript>
</body>

1
2
3
4
5
6
7

# JavaScript编写的注意事项

# script元素不能写成单标签

在外联引用JS文件时，script标签中不可以写JavaScript代码，并且script标签不能写成单标签
即不能写成<script src="index.js">

# 省略type属性

在以前的代码中，<script>标签中会使用type="text/javascript"
现在可以不写这段代码，因为JavaScript是所有现代浏览器以及HTML5中的默认脚本语言

# 加载顺序

作为HTML文档的一部分，JavaScript默认遵循HTML文档的加载顺序，即自上而下的加载顺序
推荐将JavaScript代码和编写位置放在body子元素的最后一行

# JavaScript代码严格区分大小写

HTML元素和CSS属性不区分大小写，但是在JavaScript中严格区分大小写

# 其它

script元素还有defer，async属性

# JavaScript的交互方式

JavaScript有如下和用户交互的手段：

最常见的是通过console.log

交互方法	方法说明	效果查看
alert	接受一个参数	弹窗查看
console.log	接受多个参数	在浏览器控制台查看
document.write	接受多个字符串	在浏览器页面查看
prompt	接受一个参数	在浏览器接受用户输入

#JS语法

上次更新: 2022/08/18, 08:41:53

← JavaScript简介 JavaScript的变量和数据类型→