【JavaScript】——应用

最新推荐文章于 2023-02-23 10:45:00 发布
最新推荐文章于 2023-02-23 10:45:00 发布
阅读量1.2k 收藏
点赞数 2
分类专栏： ★前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lyyswx/article/details/78181223
版权

前言：

          感谢大家阅读，那么在读这篇博客之前呢，建议先阅读下这篇博客：问题中学习（点击阅读），在经过问题中学习这一过程之后，会搞清楚很多问题，有一个宏观的把控，也能与之前学的东西联系起来再阅读这篇博客当是易如反掌了生气~，希望这两篇博客能让大家有所收获——文章最后有个关于for循环的完整实例-供大家学习


JS在HTML中的简单应用？  

         HTML中的脚本（JS）必须位于<script></script>标签之间。
        脚本（JS）有两种形式存在于 <script></script>标签之间
                    1、） 内部的JS： 直接在 <script>和</script>之间写JavaScript代码行
                2、） 外部的JS：把脚本保存在外部文件中，外部脚本文件扩展名是.js                          
             使用方法： <script src="脚本文件名.js"></script>

   1、脚本写在哪里？

         脚本可被放置在HTML页面的<body>和<head>部分之中。
         如需在HTML页面中插入JavaScript，请使用<script>标签。<script>和</script>会告诉JS在何处开始和结束。

  2、JS如何获取/访问元素内容？

         1）获取元素
              document.getElementById("id名称")
         2）获取元素里面的值
             document.getElementById("id名称").value;
         ※注意：如果id是一个字符串，那么必须加上引号，如果是一个变量，那么不需要

  3、JS怎么输出？

        1）警告框：alert();
        2）向页面指定位置写入内容：innerHTML(属性);
        3）向页面写入内容：document.write("");

  4、JS如何注释？

        1）单行注释//
        2）多行注释/* ...*/
        3）行末注释//

 5、怎么声明（创建）JS变量

        1）用Var关键词来声明后再赋值： 
     var name;   //声明name变量但没赋值
     name="连迎迎"; //给变量赋值

             

        2）声明时即赋值 
     var name="连迎迎"

        3）一条语句，声明时赋值多个变量 
     var name="连迎迎"，age=22,job="美女"


               4）已声明的变量，重新声明后，值不会丢失   
     var name="连迎迎"
     var name;

   6、JS数据类型有多灵活？

          JS拥有动态数据类型，也就是不同的赋值即为类型；相同变量可用作不同类型

     7、什么是对象？怎么创建？

          在JS中，对象就是数据（变量），拥有属性和方法。在声明变量时已经创建了一个对象。

   8、如何写函数，以及如何调用？

        1）函数语法    
       
   function functionname(var1,var2（参数可有可无）)
   {
      这里是要执行的代码
      return x;//可有返回值也可无返回值
   }

        2）函数种类

               调用带参数的函数：functionname(var1,var2)

   9、运算符如何运用？

        1）字符串+字符串——结果为字符串

        2）字符串+数字——结果为字符串   

        3）数字+数字——结果为数字

         x=5+5;
	document.write(x); //相加还为数字
	x="5"+"5";
	document.write(x);//相加为字符串
	x=5+"5";
	document.write(x);//相加为字符串
	x="5"+5;
	document.write(x);//相加为字符串

   10、比较运算符的运用？

         例子：if (age<18) document.write("Too young");


   11、几种控制结构的运用的模板（与之前学的语言无异）

         1）if..else

	if (条件)
 	 {
 	 当条件为 true 时执行的代码
 	 }
	else
	  {
 	 当条件不为 true 时执行的代码
 	 }

         2）switch

	switch(n)
	{
	case 1:
	  执行代码块 1
 	 break;
	case 2:
	  执行代码块 2
	  break;
	default:
	  n 与 case 1 和 case 2 不同时执行的代码
	}

          3)for  

	for (语句 1; 语句 2; 语句 3)
	  {
	  被执行的代码块
	  }

         4)while

	while (条件)
	  {
	  需要执行的代码
	  }

       5）do while

	do
	  {
	  需要执行的代码
	  }
	while (条件);

       6）break

           之前见到过break，用于跳出Switch语句。break语句也可用于跳出循环，跳出后会继续执行该循环之后的代码

 

      7）continue

            continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。

  12、关于JS错误？

         1）try语句测试代码块的错误

         2) catch 语句处理错误

         3) throw语句创建自定义错误（创建或抛出异常）

         语法：

	try
	  {
	  //在这里运行代码
	  }
	catch(err)
	  {
	  //在这里处理错误
  	}

   13、JS表单验证有哪些高频验证点？

           一般有以下几点：视频资料里讲的很详细

          1）用户是否已经填写表单中的必填项目？

          2）用户输入的邮箱地址是否合法？

          3）用户是否输入了合法的日期？

          4）用户是否在数据域Numberric field中输入了文本？


完整实例


                                点击运行

   小结：

            一般有以下几点：学完了JS最大的感觉是语言相同，简单易懂易操作！用代码程序员的视角看问题：代码真的是太简单了，基本的声明和引用+再加上一些控制结构+基本的变量、对象、方法、函数、类、等基础知识。就完全可以hold的住程序员这一工作。所有的代码大都出不了这个框，所以加油吧，只要学就可以会哦
向上爬的小蜗牛
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 19
    评论
专栏目录
21天学通javascript——PDF完整版下载.zip
05-17
第三篇讲解的是Javascript的高级技术，主要讲解了Javascript与XML技术、正 则表达式、Ajax基础、Ajax高级应用、Javascript与插件和Javascript的调试与优化等。最后一篇综合案例篇用一个完整的例子讲解了如何使用...
javascript相关应用有哪些,javascript可以用来做什么
2301_79533350的博客
11-19 162
56、原生JavaScript全角半角转换,iCase: 0全到半，1半到全，其他不转化。56、原生JavaScript全角半角转换,iCase: 0全到半，1半到全，其他不转化。91、原生JavaScript实现窗体改变事件resize的操作（兼容所以的浏览器）91、原生JavaScript实现窗体改变事件resize的操作（兼容所以的浏览器）82、原生JavaScript用正则表达式清除相同的数组(低效率)83、原生JavaScript用正则表达式清除相同的数组(高效率)
javascript 常用应用
妙蛙真香的博客
10-30 589
js常用应用
JavaScript 1 （转）
weixin_33762130的博客
08-03 134
JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都使用 JavaScript。 JavaScript web 开发人员必须学习的 3 门语言中的一门： HTML定义了网页的内容 CSS描述了网页的布局 JavaScript网页的行为 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记...
JavaScript (应用)
weixin_45948181的博客
02-01 538
js的日常使用足够了
JavaScript常见的运用场景
weixin_46121540的博客
01-29 1765
JavaScript常见的运用场景
JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools
02-01
JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools
单页Web应用——Javascript从前端到后端_IT168文库.pdf
04-24
单页Web应用——Javascript从前端到后端，你值得拥有，单页Web应用——Javascript从前端到后端
javascript运算符——位运算符全面介绍
01-19
本文将介绍javascript中常常被忽视的运算符——位运算符 二进制表示　 ECMAScript中的所有数值都以IEEE-754 64位格式存储，但位操作符并不直接操作64位的值，而是以32位带符号的整数进行运算的，并且返回值也是一个...
美化你的网页(三)——Javascript应用实例.pdf
最新发布
01-03
美化你的网页(三)——Javascript应用实例.pdf
JavaScript应用177例
07-02
实例代码： 第1章（\cha01） 1.1.htm 自动类型转换 1.2.htm 显式类型转换 1.3.htm 提升基本类型为对象 第2章（\cha02） 2.1.htm if语句 2.2.htm switch语句 2.3.htm while循环 2.4.htm do-while循环 2.5.htm for循环 第3章（\cha03） 3.1.htm 遍历数组元素 3.2.htm 改变数组元素 3.3.htm 用对象的方式实现数组 3.4.htm 将数组转换为字符串 3.5.htm 操作数组元素 3.6.htm 实现多维数组 第4章（\cha04） 4.1.htm 求平方根 4.2.htm 求质数 4.3.htm 简单数制转换 4.4.htm 数制转换函数 4.5.htm 实现计算器 第5章（\cha05） 5.1.htm 带开关的时钟 5.2.htm 不同风格的时间显示 5.3.htm 倒计时效果 5.4.htm 模拟时钟 5.5.htm 显示农历日期 5.6.htm 温度计样式时钟 5.7.htm 位置固定的时钟 第6章（\cha06） 6.1.htm HTML事件绑定 6.2.htm 非标准事件绑定 6.3.htm 事件处理器绑定 6.4.htm 使用函数 6.5.htm 直接在表单上调用事件 第7章（\cha07） 代码说明：本章代码只能在Mozilla Firefox中运行。 7.1.htm 事件流 7.2.htm DOM2鼠标事件 7.3.htm 取消默认动作 7.4.htm 创建DOM2事件 第8章（\cha08） 8.1.htm 页面预览 8.2.htm 图像切换 8.3.htm 点亮文本 8.4.htm 鼠标跟随 8.5.htm 鼠标感应 8.6.htm 禁用鼠标按键 第9章（\cha09） 9.1.htm 文字的垂直滚动 9.2.htm 文字的渐隐渐显 9.3.htm 文字的闪烁显示 9.4.htm 文字的随意拖动 9.5.htm 文字的坠落显示 9.6.htm 页面内飘动的文字 9.7.htm 漫天飞舞的文字 9.8.htm 文字下落效果 第10章（\cha10） 10.1.htm 霓虹灯文字 10.2.htm 色彩渐变 10.3.htm 文字的渐大渐小 10.4.htm 文字大小动态变化 10.5.htm 文字变色显示 10.6.htm 打字效果显示 第11章（\cha11） 代码说明：代码11.6.htm需要IE5.5或以上版本支持 11.1.htm 随机显示 11.2.htm 打字效果 11.3.htm UBB代码实例 11.4.htm 从右至左排列的文字 11.5.htm 古汉语文字排版 11.6.htm 蒙古族文字排版 第12章（\cha12） 12.1.htm 文档颜色设置 12.2.htm 上次修改时间 12.3.htm DOM 1中的文档属性与聚集 12.4.htm 访问HTML元素属性 第13章（\cha13） 13.1.htm 按位置访问元素 13.2.htm 按名称访问元素 13.3.htm 动态修改元素内容 13.4.htm 改变的内容 13.5.htm 改变页面样式 第14章（\cha14） 14.1.htm 节点插入与追加 14.2.htm 节点复制 14.3.htm 节点删除与替换 14.4.htm 修改节点内容 第15章（\cha15） 15.1.htm HTML中的表格 15.2.htm 设置表格属性 15.3.htm 操作表格元素 15.4.htm 操作表元 第16章（\cha16） 16.1.htm 验证输入内容是否为空 16.2.htm 验证E-mail地址 16.3.htm 电话号码检测 第17章（\cha17） 17.1.htm 混合表单验证 17.2.htm onchange事件 17.3.htm 按键屏蔽 第18章（\cha18） 18.1.htm 打开窗口 18.2.htm 关闭窗口 18.3.htm 窗口写入 18.4.htm 窗口交互 18.5.htm 提示与警告对话框 第19章（\cha19） 19.1.htm 窗口移动 19.2.htm 改变大小 19.3.htm 窗口滚动 19.4.htm 设置超时 19.5.htm 窗口事件 19.6.htm IE窗口扩展 第20章（\cha20） 20.1.htm 访问框架 20.2.htm 内联框架 20.3.htm 框架间的交叉通信 20.4.htm 嵌套框架交叉通信 第21章（\cha21） 21.1.htm 图片的随机显示 21.2.htm 图像显隐 21.3.htm 图像滚动显示 21.4.htm 探照灯扫描 21.5.htm 多幅图像翻页显示 21.6.htm 水纹效果显示 21.7.htm 全景图效果 21.8.htm 手电效果 21.9.htm 雷达显示效果 第22章（\cha22） 22.1.htm 图像拖动 22.2.htm 按钮控制 22.3.htm 感应鼠标 22.4.htm 花环效果 22.5.htm 流星效果 22.6.htm 图像运动 22.7.htm 图像显示 22.8.htm 图像飞行一 22.9.htm 图像飞行二 第23章（\cha23） 23.1.htm 随机更换页面背景 23.2.htm 用户自选背景之一 23.3.htm 用户自选背景之二 23.4.htm 用户自选背景之三 23.5.htm 页面背景的闪电效果 第24章（\cha24） 24.1.htm 有图像的Media Player 24.2.htm 无图像的Media Player 24.3.htm 有图像的RealPlayer 24.4.htm 无图像的RealPlayer 24.5.htm 播放Flash文件 第25章（\cha25） 25.1.htm 位置固定的对联广告 25.2.htm 随页面滚动的对联广告 25.3.htm 全屏飘动的广告 25.4.htm 循环滚动的多幅广告 25.5.htm 漂浮3D广告 第26章（\cha26） 26.1.htm 基本的下拉菜单 26.2.htm 改进的下拉菜单 26.3.htm 渐显的下拉菜单 第27章（\cha27） 27.1.htm 折叠菜单 27.2.htm 远程菜单 27.3.htm 弹出菜单 第28章（\cha28） 28.1.htm 旋转导航菜单 28.2.htm 隐藏滑动菜单 28.3.htm 仿QQ菜单 28.4.htm 触发型导航菜单 28.5.htm 下拉列表菜单 28.6.htm 树型导航菜单 28.7.htm 变色标题菜单 第29章（\cha29） 29.1.htm 获取文本框中的内容 29.2.htm 显示和修改文字内容（DHTML） 29.3.htm 处理网页表格内容（DHTML） 29.4.htm 显示和修改网页内容（W3C） 29.5.htm 处理网页表格内容（W3C） 29.6.htm 综合应用 第30章（\cha30） 30.1.htm 显示浏览器名称与版本 30.2.htm JavaScript检测 30.3.htm 获取浏览器窗口大小 30.4.htm 设置屏幕对象的尺寸 30.5.htm 有选择地显示图片 30.6.htm 简单的性能检测 30.7.htm 模拟浏览器菜单 第31章（\cha31） 31.1.htm 实现md5加密 31.2.htm 编制自己的加密算法 第32章（\cha32） 代码说明：本章代码都具有一定危害性，可按照页面提示进行操作。 32.1.htm 字符串翻倍 32.2.htm 函数循环交叉调用 32.3.htm 无限递归调用 32.4.htm 构造无限数组 32.5.htm 载入超大图像 32.6.htm 关不掉的对话框 32.7.htm 一直弹出新窗口 第33章（\cha33） 代码说明： 1.代码33.1.htm须使用IE浏览器打开 2.代码33.2.htm须使用Mozilla Firefox浏览器打开 33.1.htm 使用IE处理XML 33.2.htm 使用Mozilla处理XML 33.3.htm XML文件内容分页显示 第34章（\cha34） 34.1.htm 格式化输出 34.2.htm 动态增删记录 第35章（\cha35） 代码说明： 1.对于代码35.1.htm，使用Mozilla Firefox浏览器可直接运行，如果使用IE浏览器，需要在服务器端运行。 2.对于代码35.2.html，需要IIS+PHP+MySQL或Apache+PHP+MySQL环境支持 35.1.htm 读取XML文档 35.2.html 实现联动选择 35.3.htm 实现菜单特效 第36章（\cha36） 代码说明： 1.代码36.1.index.php需要IIS+PHP环境或Apache+PHP环境支持 2.代码Default.aspx需要IIS+ASP.net环境支持 \36.1\ 36.1.index.php 实现简单相册 \36.2\ Default.aspx 实现文本聊天室
经典的JavaScript应用！
01-12
经典的JavaScript应用！这个有很多JavaScript经典应用！适合学生或者开发人员！
javascript最佳实践
04-07
NULL 博文链接：https://xieyaxiong.iteye.com/blog/1560677
Javascript的24条实践
09-23
javascript开发规范介绍，一些注意事项
23个Javascript最佳实践
petertanjinjie的博客
07-03 260
1. 使用 === 代替 ==JavaScript 使用两种不同的相等运算符：=== 和 !==是严格相等运算符，而 == 和 != 是非严格运算符。当二者相比较时始终使用严格相等被...
你必须知道的JavaScript最佳实践
不定时分享最优质的网络技术与教程，满满的干货。
02-23 218
一个合格的程序员，对于自己写的代码，不仅要关注是否能准确地执行业务逻辑，还要保证代码的干净优雅。JavaScript 的最佳实践可以分成几类，适用于开发流程的不同阶段。最佳实践起初比较棘手，但最终会让你发现这是明智之举。容易理解：无需求助原始开发者，任何人一看代码就知道它是干什么的，以及它是怎么实现的。符合常识：代码中的一切都显得顺理成章，无论操作有多么复杂。容易适配：即使数据发生变化也不用完全重写。容易扩展：代码架构经过认真设计，支持未来扩展核心功能。容易调试。
23 个 JavaScript 最佳实践 - 最实用篇
全栈修炼
07-12 424
1. 使用 === 代替 ==JavaScript 使用两种不同的相等运算符：=== 和 !==是严格相等运算符，而 == 和 != 是非严格运算符。当二者相比较时始终使用严格相等被...
JavaScript的简单应用
amber_leaf的博客
11-17 468
js应用1.js的函数 三种定义 *function 方法名(参数列表){} 注意：参数列表不需要数据类型，返回值可有可无 *匿名函数 var name=function(){} *动态函数 var name= new Function(“参数列表”,”方法体”);2.js的函数的模拟重载(面试) js函数中存在内
JavaScript应用篇
qq_44499722的博客
11-11 816
JavaScript应用篇 一：JavaScript作用： 帮助浏览器对用户所提出的请求进行处理 二：Dom对象： 1.DOM全称：Document Object Mode1 文档模型对象 2.JavaScript不能直接操作Html标签,只能通过Html标签所关联的dom对 象对Html标签下达指令(类似于java命令不能直接修改表文件但是可以 通过jdbc推送sql命令来达到目的) 三：Dom对象生命周期： 1.浏览器在接收到html文件之后，将html文件中的标签
Web前端开发技术——HTML,CSS,JavaScript 答案
05-20
3. JavaScript：一种编程语言，用于为网页添加交互性和动态效果。 这三种技术是构建现代 Web 应用程序的基础。HTML 提供了页面的结构，CSS 提供了页面的样式和布局，而 JavaScript 则为页面添加了交互性和动态效果...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 19
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值