[Python知识库]JavaScript入门

入门JavaScript 简称 JS，是一门很灵活的脚本语言。

在线运行：https://www.w3school.com.cn/tiy/t.asp?f=eg_js_variables_undefined

目录

一，代码块——script标签

二，函数

三，js文件

四，内联代码

五，语法特点

六，OJ实战

一，代码块——script标签

JS代码块放在script标签中，标签可以放在网页中任何位置（无论head还是body中）

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "我的第一段 JavaScript";
</script>

当网页加载的时候，代码块会被执行。

二，函数

script标签中可以放函数，事件可以调用函数，如按钮点击事件：

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "段落已被更改。";
}
</script>

<p id="demo">一个段落。</p>

<button type="button" onclick="myFunction()">试一试</button>

三，js文件

html和js文件分开，js中存放函数，相当于函数库，html可以直接调用函数：

外部文件：myScript.js

function myFunction() {
   document.getElementById("demo").innerHTML = "段落被更改。";
}

同一目录下的html：

<p id="demo">一个段落。</p>

<button type="button" onclick="myFunction()">试一试</button>

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

如果html不在同一目录，那src就需要对应的写法，规则和C语言或python中读文件的写法是一样的。

如果有多个js，那就写多个script标签，每个里面指明一个js文件。

四，内联代码

如果函数很简单，也可以内联到html的标签中

<p id="demo">JavaScript 能够改变 HTML 内容。</p>

<button type="button" 
onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>
点击我！
</button>

五，语法特点

个人感觉JS的语法和C语言比较接近。

JS也是先定义再使用变量，但是变量的类型都是动态类型，相同变量可用作不同类型。

JS对空白符和缩进的处理和C语言差不多，语句可以跨行，多个语句并列在一行的话用分号;隔开，虽然每一行最末尾的分号可以省略，但是不建议省略。

六，OJ实战

力扣 367. 有效的完全平方数?https://blog.csdn.net/nameofcsdn/article/details/113131253