[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第1张图片

希望你开心,希望你健康,希望你幸福,希望你点赞!

最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!

喵喵喵,你对我真的很重要!

目录

前言

JavaScript程序

代码

消息对话框

消息对话框-告警框

消息对话框-确认框

消息对话框-提示框

JavaScript注释

标识符和变量

命名规范

1.标识符

2.关键字

3.保留字

课后练习

网页标题:HTML属性的事件处理器的应用

网页标题:调用外部js文件的JavaScript函数

网页标题:给特定对象指定特定事件处理程序

总结


前言

Web 前端开发工程师应掌握以下内容

理解 JavaScript 程序的概念与作用;
掌握 JavaScript 标识符和变量的概念及使用方法;
掌握 JavaScript 常用运算符和表达式概念;
掌握 JavaScript 中顺序、分支、循环等 3 种程序控制结构语法;
掌握 JavaScript 函数的定义方法,并学会使用;
学会综合运用 JavaScript 设计具有动态、交互功能的网页。

JavaScript程序

         JavaScript程序由语句、语句块、函数、对象、方法、属性等构成,通过顺序、分支和循环三种基本程序控制结构来进行编程。

 语句和语句块

JavaScript 语句是发送给浏览器的命令,这些命令的作用是告诉浏览器要做的事情。

         alert(“这是告警消息框!”); //弹出告警消息框

JavaScript 语句可以分批组合起来形成语句块,语句块以左花括号“ { 开始,以右花括号“ } 束。

           {var s=0;document.write(“S的值=”+s);}   //赋值,并输出到页面


代码

JavaScript代码是由若干条语句或语句块构成的执行体。


消息对话框

JavaScript中的消息对话框分为告警框、确认框和提示框。

1.警告框

     alert (message) ;

2.确认框

      var yn=confirm (message);

3.提示框

     var s1=prompt (text, defaultText);


消息对话框-告警框




告警消息框使用实例





注:确定按钮必须响应,否则屏蔽一切操作。告警信息为纯文本信息或字符串,不能含有HTML标记。

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第2张图片


消息对话框-确认框

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第3张图片




确认框使用实例






注:确认按钮的返回值,类型为逻辑值,确定true,取消false


消息对话框-提示框

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第4张图片




提示框使用实例






注:选择“确定”返回输入的值,选择“取消”返回null


JavaScript注释

JavaScript注释:单行注释和多行注释。

单行注释:使用“ //” 作为注释标记,可以单独一行或跟在代码末尾,放在同一行中,“ //” 后为注释内容部分。
多行注释:以“ /*” 标记开始,以“* /” 标记结束,两个标记之间所有的内容都是注释文本。
使用注释防止代码执行 -- 屏蔽某些语句行的执行。 



标识符和变量

在任何一种编程语言中,实际编程时都要使用变量以存储常用的数据。所谓变量,顾名思义,就是在运行期间其值可以通过程序改变的量。

为了便于变量的使用,实际使用时需要给变量加以命名,变量的名字则称为标识符


命名规范

1.标识符

       标识符是计算机语言中用来表示变量名、函数名等的有效字符序列,简单来说,标识符就是一个名字JavaScript关于标识符的规定如下:

(1)必须使用字母或者下划线和$开始。

(2)必须使用英文字母、数字、下划线组成,不能出现空格或制表符。

(3)不能使用JavaScript关键字与JavaScript保留字。

(4)不能使用JavaScript语言内部的单词,比如InfinityNaNundefined等。

(5)大小写敏感,如nameName是不同的两个标识符。

2.关键字

       关键字是JavaScript中已经被赋予特定意义的一些单词,关键字不能作为标识符来使用。

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第5张图片

3.保留字

       JavaScript中除了关键字以外,还有一些用于未来扩展时使用的保留字,保留字同样不能用于标识符的定义。

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第6张图片


课后练习

设计并实现如下图所示的网页功能,当单击“生成20个4位整数”按钮时,在文本域中输出20个4位随机整数,并对其进行排序;单击“找出能被5整除的整数”按钮时,在文本域中输出相应的结果;单击“重置”按钮可实现清除文本域中的所有内容。

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第7张图片  [HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第8张图片

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第9张图片

         操作提示:

(1)文本域的html标签为textarea,例如:

创建一个10行50列的文本域,文本域中值的获取方式与text文本框相同,可使用id名.value的方式,例如:display.value.

(2)可定义一个数组来存放生成的20个随机整数,再通过对数组元素的操作实现题目中要求的相应功能。

         (3)生成一个4位随机整数的代码为:Math.floor(Math.random() * 9000 + 1000); 其中Math.random()函数随机生成0-1之间的数,Math.floor(x)返回小于参数x的最大整数,即对浮点数向下取整。



	
		
		随机产生20个4位整数并从小到大进行排序
		
	
	
		



网页标题:HTML属性的事件处理器的应用

录入如下代码,掌握HTML事件处理中的静态指定方法。

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第10张图片





	HTML属性的事件处理器的应用
    




	

HTML属性的事件处理器的应用


网页标题:调用外部js文件的JavaScript函数

  • 录入如下代码,了解HTML事件处理中的动态指定方法
    • 其中HTML部分的代码如下所示:

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第11张图片

  • 网页运行时,不用单击按钮,由程序触发打开对话框:

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第12张图片





	JavaScript中的动态指定
    
    


	

网页标题:给特定对象指定特定事件处理程序

  • 录入如下代码,熟练HTML事件处理中的特定对象的特定事件指定

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第13张图片

  • 打开网页即触发load事件,弹出警示框:

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第14张图片





给特定对象指定特定事件处理程序


	

给特定对象指定特定事件处理程序


总结

Web 前端开发工程师应掌握以下内容

理解JavaScript程序的概念与作用;

掌握JavaScript标识符和变量的概念及使用方法;

掌握JavaScript常用运算符和表达式概念;

掌握JavaScript中顺序、分支、循环等3种程序控制结构语法;

掌握JavaScript函数的定义方法,并学会使用;

学会综合运用JavaScript设计具有动态、交互功能的网页。


希望你开心,希望你健康,希望你幸福,希望你点赞!

最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!

喵喵喵,你对我真的很重要!

[HTML]Web前端开发技术25(HTML5、CSS3、JavaScript )JavaScript基础消息对话框告警框确认框提示框命名规范1标识符2关键字3保留字注释标识符和变量——喵喵画网页_第15张图片

你可能感兴趣的:(html,前端,html5,计算机学习,javascript,css3)