开发者学堂课程【JavaScript 入门与实战:如何写一段 JS 代码并运行】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/582/detail/8009
如何写一段 JS 代码并运行
内容介绍:
一、引言
二、如何写-段 JS 代码并运行
一、引言
前边我们学习了 JavaScript 一些基本内容。同学们都有一些疑问,JS 很强大,但是要怎么学呢?我们知道 JS 要写到一个文件里,可是,是什么样的文件呢?JS 程序又要怎么写?写到什么地方呢?现在,我们就来解决这些问题。
二、如何写-段 JS 代码并运行
JavaScript 代码一般都会写在 Html 的文件里。也可能会写在一个 JS 文件里。分以几种方式来写。
(1)将 JS 代码写在 HTML 行内
例:新建一个 html. 文件,在 HTDOCS 目录下,命名 1.html。编辑:
1 <
!
DOCTYPE html>
2 <html lang="en">
3 <head>
4
<meta charset="UTF-8">
5
<meta name="viewport" content= "width=device-width,
initial -scale=1.0"
6
<meta http-equiv="X-UA- Compatible"content="ie=edge" >
7
<title>Document</title>
8
</head>
9
<body>
10
<!--将JS代码写在HTML行内-->
11 <input type-"button" value= "按钮”onclick=" alert(123)">
12 </body>
13 </html>
打开 Open InDefault Browser 浏览器,显示有一个按钮。点击按钮,能在浏览器里弹出一个内容为“此网页显示 123”的窗口。
(2)在 html 里面添加标签 script
将 JS 代码写在 script 标签中
例:在 1.html 里 9 <body> 后边编辑代码:
<script>
alert(345)
</script>
打开 Open InDefault Browser 文件,弹出一个内容为“此网页显示 345”的窗口。
(3)将外部的 JS 文件引入后执行
例:在 THDOCS 目录新建一个名为 1.js 的文件,编辑:
1 alert(567)
这种单独的 js 文件中的代码,是不能直接在浏览器中打开的;需要将 js 文件引入到html 中,浏览器打开 html 后js中的代码才会运行。继续在 1.html 里 9 <body>编辑代码:
<script src="./1.js">
</script>
这段代码为:将外部的 JS 文件引入后执行。
打开 Open InDefault Browser 文件,弹出一个内容为“此网页显示 567”的窗口。
注意:在这时候。Script 标签中就不要再写其他的js代码,写了也没有用。外部引用的方式加载 js 代码时,Script 标签内不需要再写代码,如果写了不会报错,但是也不会运行。
这就是如何写,在哪里写 JS 程序的三种方法。