掌握 JavaScript 的基本语法

一、javascript书写位置

JavaScript 可以写在 HTML 页面中的以下三个位置:

  1. 内联脚本:将 JavaScript 代码直接写在 HTML 元素的 onclickonloadonsubmit 等事件属性中。例如:

  2. 
    

  3. <script> 标签:将 JavaScript 代码写在 <script> 标签中,可以放在 HTML 页面的 <head><body> 中。例如:

    
    
      
    
    
    
    
      
    
    

  4. 外部文件:将 JavaScript 代码写在外部文件中,以 .js 后缀保存,并在 HTML 页面中通过 <script> 标签引用。例如:

    
      
    
    

     二、JavaScript 注释

注释是JavaScript代码中用于解释说明的文本,它不会被浏览器执行。注释能够帮助程序员了解代码的意图和实现方法,方便日后代码的修改和维护。

JavaScript支持两种注释方式:

1、单行注释

单行注释以//开头,可在一行的任何位置使用,表示该行代码后的所有内容都将被忽略。

例如:

// 这是一个单行注释
console.log("Hello, world!"); // 这也是一个单行注释

2、多行注释

多行注释以/开始,以/结束,可以跨越多行,表示这之间的所有内容都将被忽略。

例如:

/*
这是一个多行注释
这里可以写多行注释的内容
*/
console.log("Hello, world!"); // 这是一行正常的代码

注:注释中不能套用注释,即使多行注释中有单行注释,也会被当作普通文本处理。

三、alert 语句

JavaScript alert语句用于显示一个弹出式窗口,通常用于向用户提供消息或提示。在弹出式窗口中将显示一条消息,并在用户单击“确定”按钮时关闭该窗口。

alert()语句的语法很简单:

alert("这里是要显示的文本");

其中,要显示的文本必须放在引号中。例如:

alert("欢迎来到JavaScript世界!");

在用户单击弹出窗口中的“确定”按钮之前,脚本将停止执行。

下面是一个alert()语句的基本示例:









代码执行时,将在页面上弹出一个消息框,其中包含一条消息文本“这是一条重要的消息!”,如下图所示:

掌握 JavaScript 的基本语法_第1张图片

在实际的项目中,可以使用alert()语句向用户提供错误消息、验证消息、系统状态等信息。

需要注意的是,alert()语句的使用频率应尽量减少,因为它会中断JavaScript程序的执行。如果您需要经常向用户提供消息,请考虑使用其他更友好的UI组件,如模态框、弹出菜单或通知面板。

四、prompt 语句

prompt()是JavaScript中的一种对话框,它用于向用户提供输入框,接收用户输入的值,并返回该值。下面是一些常见的用法:

1.提示用户输入内容,并返回该内容。

var name = prompt("请输入你的名字");
console.log(name);

2.提示用户输入内容,同时设置默认值,如果用户不输入任何内容,则返回默认值。

 var name = prompt("请输入你的名字", "Tom");
 console.log(name);

3.提示用户输入内容,并限制输入字符数。

var msg = prompt("请输入你的留言(不超过20个字符)");
if(msg.length > 20) {
   alert("留言超过20个字符");
} else {
   console.log(msg);
}

需要注意的是,用户输入的值始终是字符串类型,如果需要其他类型,则需要进行类型转换。

下面是一个完整的代码示例:

var age = prompt("请输入你的年龄");
if(age === null) {
   // 用户点击了取消按钮
   alert("你取消了输入");
} else if(isNaN(parseInt(age))) {
   // 用户输入的不是数字
   alert("请输入数字");
} else {
   // 用户输入了数字
   age = parseInt(age);
   if(age >= 18) {
      alert("你已经成年了");
   } else {
      alert("你还未成年");
   }
}

你可能感兴趣的:(前端开发,javascript,开发语言,ecmascript,前端)