使用方式

内嵌式

使用script标签引入js代码，浏览器读到这个标签时就解释执行其中脚本

  1. <head>
  2. <script type="text/javascript">
  3.      // 此处为JavaScript代码
  4. </script>
  5. </head>

image.pngimage.png

外链式

当脚本代码比较复杂或者同一段代码需要被多个网页文件使用时，可以将这些脚本代码放置在一个扩展名为.js的文件中，然后通过外链式引入该js文件。

语法格式：

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>外链式</title>
  6.           <script type="text/javascript" src="js/2.js" charset="UTF-8" language="JavaScript"></script>
  7.   </head>
  8.   <body>
  9.       <p>此处引用了一个Javascript文件</p>    
  10.   </body>
  11. </html>

image.png

变量

变量命名

必须以字母或下划线开头，中间可以是数字、字母或下划线。
变量名不能包含空格、加、减等符号。
不能使用JavaScript中的关键字作为变量名，如var int。
JavaScript的变量名严格区分大小写，如UserName与username代表两个不同的变量。

声明与赋值

var 声明

语法

var 变量名；
var abc = 1；
如果只声明变量，未赋值，默认undefined
var语句可重复声明赋值

prompt()

显示和提示用户输入信息的对话框。

语法格式

window.prompt(“提示信息字符串，默认输入值”);
prompt(“提示信息字符串，默认输入值”);

alret()

弹出警示对话框，对用户提示

语法

alart(“Hello World!”);

console.log()

用于在控制台中显示输出结果
控制台 检查->console（控制台

语法

console.log(“Hello World!”);

  1. <script type="text/javascript">
  2.     var password= window.prompt("请输入密码：");
  3.     document.write(password);
  4. </script>

image.png

function

函数的定义

语法

定义
function 函数名([参数1,参数2,……])｛
函数体
｝

调用
函数名称([参数1,参数2,……])**