JS学习之路Day04

最新推荐文章于 2023-08-10 09:25:31 发布
最新推荐文章于 2023-08-10 09:25:31 发布
阅读量249 收藏
点赞数 1
分类专栏： HTML+CSS+JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChinaGir/article/details/97911183
版权

网页：html构建，CSS美化
为网页添加功能：
   页面的动态效果：输入的验证、页面元素的动态显示
   等---Javascript 语言，写在html页面上，由浏览器运行

   服务器的交互：数据的交互---JSP、AJAX

JavaScript 课程：编程语言
JQuery + AJAX 阿贾克斯
是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。

1 Javascript概述

1.1 什么是JavaScript

.JavaScript是一种网页编程技术 实现页面的动态交互效果  
   用来向HTML页面添加交互行为


.JavaScript是一种基于对象和事件驱动的解释性脚本语言，具有与Java和C语言类似的语法
  - 直接嵌入HTML页面
  - 由浏览器解释执行代码，不进行预编译

  JavaScript发展史
  .正式名称ECMAScript
  

1.2 JavaScript作用

   常用于实现页面验证、动态显示等效果

 

1.3 JavaScript的写法

   方式一：直接定义在事件中
   方法二：方法写在<head>里的<script>中 --仅当前页面调用
   方法三：文件调用式
     .html页面的<head>中引用外部的.js文件
      - 在<head>中添加<script>标签
      - 并设置<script>标签的"src"属性，以指定js文件的url

    <html>
    <head>
       <script language="JavaScript" src="myJs.js"></script>
    </head>
    <body>
    </body>
    </html>

1.4 找脚本错误

  错误查看：不同的浏览器下有不同的方式
     Firefox:错误控制台

1.5 JavaScript的特点

.可以使用任何文本编辑工具编写，只需要浏览器就可以执行
.解释执行：事先不编译，逐行执行
.基于对象：内置大量现成对象
.适宜：
 - 客户端数据计算
 - 客户端表单合法性验证
 - 浏览器事件的触发
 - 网页特殊显示效果制作

2 基础语法

---js特有的，与corejava不同的地方讲

2.1 编写JavaScript代码

.由Unicode字符集编写
.注释
  - 单行：//
  - 多行：/**/
 .语句
  - 表达式、关键字、运算符组成
  - 大小写敏感
  - 使用分号结束（更好） （或者换行结束）

 常量、标识符与关键字
.常量
  - 直接在程序中出现的数据值 （也称为字面值，用完即丢弃）
.标识符
  - 由不以数字开头的字母、数字、下划线(_)、美元符号($)组成
  - 常用于表示函数、变量等的名称
  - 保留关键字，如break,if等


变量
. 变量声明
 - 使用关键字var声明变量，如var x,y;
 - 声明的时候不确定类型，变量的类型以赋值为准 
. 变量初始化
 - 使用 = 赋值
 - 没有初始化的变量则自动取值为undefined
 - 如：var count = 0;
. 变量命名同标识符的规则，大小写敏感

2.2 数据类型

JavaScript数据类型：
  1）基本类型
      Number:数字
      String:字符串
      Boolean:布尔
  2）特殊类型
      Null:空
      Undefined:未定义
  3）复杂类型
      Array:数组
      Object:对象

string数据类型
.表示文本
  - 由Unicode字符、数字、标点符号组成的序列
.首尾由单引号或者双引号括起
.特殊字符需要转义符
  - 转义符，如：\n, \\, \‘, \"
  var aa="\u4f60\u597d\n\"JavaScript\"";
  alert(aa);

number数据类型
.不区分整型数值和浮点型数值
 - 所有数字都采用64位浮点格式存储，类似于double格式

boolean数据类型
.两个值：true false
 - 也代表1和0
.多用于结构控制语句

数据类型之间的转换
.隐式转换：直接转---默认的规则
 规则：
   数字+字符串：数字转换为字符串
   数字+布尔值：true转换为1，false转换为0
   字符串+布尔值：布尔值转换为字符串true或false
   布尔值+布尔值：布尔值转换为数值1或0

. 显式转换：利用转换的方法
   toString
   parseInt()--能转,如果不能转则返回NaN
   parseFloat()
   isNaN()--判断文本是否转换为数值
   typeof--查询数值当前类型，返回string/number/boolean/object
           如，typeof("test"+3)="string"
       eg:
       var x=100;
       var y="100";
       alert(typeof(x)); //number
       alert(

最低0.47元/天 解锁文章
晨曦之园
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
校验登录：用户名不能以数字开头，长度=不低于6，不高于20
a_li_li的博客
04-06 1万+
校验              //用户名不能以数字开头，长度=不低于6，不高于20         //密码不能为空         onload = function(){             var use = document.getElementById('use');             var pw = document.getElementById('pw');
js四位验证码,以字母数字组成，不能以数字开头
a_li_li的博客
04-06 4254
//随机输入四位验证码，分别为数组字母,不能重复         //方法一         // var arr = [];         // var str = '';         // for(var i = 0;i         //     var num = parseInt(Math.random()*62);//26个大小写英文字母+10个数字     
js 正则表达式 限制input元素内容必须以abc开头，123结尾
最新发布
Rockandrollman的博客
08-10 1521
您可以根据实际情况将上述代码应用于输入元素的验证逻辑中。当用户提交表单或在输入过程中，您可以使用。要通过正则表达式验证一个输入元素的内容是否以"abc"开头且以"123"结尾，您可以使用。上面的示例测试字符串 “abcxyz123” 是否满足正则表达式，并将结果存储在变量。上面的正则表达式将匹配以"abc"开头，以"123"结尾的任何字符串，其中。表示结尾，以及适当的字符类或具体字符。方法来测试一个字符串是否满足正则表达式。方法的返回值来决定是否接受或拒绝用户输入。表示匹配零个或多个任意字符。
JavaScript(13) - 正则表达式的使用和常用正则表达式
weixin_46106512的博客
03-31 1310
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言正则表达式介绍一、正则表达式的使用创建正则表达式有两种方式 :1, 使用正则表达式匹配字符串有两种方式:2, 字符串的正则表达式方法二、常用正则表达式1.邮政编码(共6位数字, 第一位不能为0)2.电子邮件(xxxx@xxx(.xxx)+)3.手机号(13或14或15或18开头的11位数字)4.用户名(只能使用数字字母下划线, 且数字不能开头, 长度在6-15位)5.删除多余空格6.删除首尾空格7.身份证8.中文9.简单日期格.
js正则是否包含生僻字或常见中文，以及输入框不能以数字开头
weixin_43818906的博客
04-12 2234
判断是否包含汉字（包含生僻字）等
JS常用正则表达式
刘刘刘的博客
05-07 2176
JS常用正则表达式 //1.只能用数字开头，长度在6--18位之间 var reg = /^\d{6,18}/; console.log(reg.test("a123451")) //2.以字母开头，数字结尾，中间任意一个字符 var reg = /^[a-zA-Z]+.+\d$/ console.log(reg.test("a1ddw.,ds@1")) //3.密码不能少于6位的字符 var
通过正则表达式限制输入框只能数字，且不能以0开头
热门推荐
Java旅途
07-18 1万+
最近在做项目的时候有个需求，输入框输入金额的。这个金额只能是整数，我们都知道金额肯定不能以0开头。 var value = val.replace(/\D/g, '') 上面这行代码的意思是当输入的是除了数字以外的字符时用空代替。这时候我们再进行处理0开头的输入即可。 下面这段是我开发小程序的时候写的，这个numInput当每次输入框的值发生变化的时候就会进入。 numInput(e) { ...
js正则验证数字，字母和下划线（至少包含其中两种，数字不能开头）
LLDD2014425程序猿
11-28 1万+
最近做了一个注册验证用户名，要求数字，字母和下划线（至少包含其中两种，数字不能开头），在网上找了好多例子，要么只能实现字母和下划线（数字不能开头），要么就只能实现数字，字母和特殊字符（至少包含其中两种，数字不能开头），无法排除其他的特殊字符，在尝试了很多次以后，我试着将这两种情况的判断结合在一起就实现了上面的要求，直接贴代码var myTestValue="3333dddddks__+"; var
vito的Web前端学习_JavaScript_Day1
03-04
vito的Web前端学习_JavaScript_Day1
学习JavaScript-day-01.md
06-08
​ +号，有两层意思，第一层算数之间的加法；第二层字符串的连接；执行过程中，先检测加号两边的数据类型，如果发现字符型，那就先生效字符的连接 ​ 规则：只要+号两遍出现一个字符，那么结果必然是字符；...
JavaScript Day_03
03-24
javascript学习第三天笔记
JavaScript Day_01
03-24
javascript学习第一天笔记
React的学习Day5
01-20
Day5 yarn 和npm 命令对比表格 命令对比表 https://yarn.bootcss.com/docs/migrating-from-npm/ 脚手架自带的服务器是webpack-dev-server 启动命令 npm start 当npm遇到start可以省略run 端口的修改(默认端口3000) ...
linux数组随机数,js实现随机数及随机数组
weixin_39614094的博客
05-16 55
js数组元素的随机调用工作中网页填充数据时需要一个短语库，来拼接在短语句子后边。那就写一个js吧，放在input的keydown或keyup里边用喽。贴代码：function AddSuffix(suf){var test = ["abc","def","ghi","jkl"];document.getElementById("input2").value=suf+" "+(test[Math.f...
JavaScript（JS）之Javascript对象
http://www.onlyze.cn/
04-10 175
简介：在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象，也可以用创建对象的方法定义变量，String、Math、Array、Date、RegExp都是JavaScript中重要的内置对象，在JavaScript程序大多数功能都是基于对象实现的&lt;script language="javascript"&gt; var aa=Number.MAX_VAL...
Web基础学习笔记-JavaScript
Jak的博客
08-30 277
一.Javascript概述 什么是Javascript： 是一种网页的编程技术，实现页面的动态交互效果，是一种基于对象和事件驱动的解释性语言。 Javascript的作用： 常用于实现页面验证，动态显示等效果 Javascript的写法 方式一：直接定义在事件中 方式二：方法写在&lt;head&gt;里的&lt;script&gt;中 方式三：将代码写在单独的js文件中，在ht...
js技巧
log_cd的专栏
01-29 85
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.c...
微信小程序黑马—day5
05-05
Day5 的主要学习内容是小程序的组件化编程，包括自定义组件和基础组件的使用。 自定义组件是指开发者可以根据自己的业务需求，自定义一些组件，使得小程序更加符合自己的需求。开发者可以通过 WXML、WXSS 和 JS ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值