JavaScript学习之一

JavaScript概述

  1. JavaScript:是脚本语言,由客户端的浏览器解释执行。
    所有现代的 HTML 页面都使用 JavaScript,可以用于改进设计、验证表单、检测浏览器、创建cookies等。
    主要实现:表单客户端验证(格式验证),页面的动态特效

  2. JavaScript 可以做什么?
    所有现代的 HTML 页面都使用 JavaScript,可以用于改进设计、验证表单、检测浏览器、创建cookies等。
    主要实现:表单客户端验证(格式验证),页面的动态特效

如:

  1. 改变HTML内容
  2. 改变HTML标签中的属性值
  3. 改变HTML标签的样式
  4. 显示或隐藏HTML标签
  5. 表单验证
  6. 动态特效:图片轮播
  1. javascript:与标签的事件关联
    常用事件:
    在这里插入图片描述
    4 输出数据:
    使用 window.alert() 弹出警告框。
    使用 document.write() 方法将内容写到 HTML 文档中。
    使用 innerHTML 写入到 HTML 元素。 (写在开始标签和结束标签中间)
    使用 console.log() 写入到浏览器的控制台。

如何在HTML引入JavaScript

1 js代码比较少时,可以直接写在标签的对应的事件上:

2 内嵌在Html中,写

3 定义外部的js文件,文件名为:XXX.js
在Html页面中引用js:

4 javaScript中的注释
//:单行注释
/* */:多行注释

5 在javaScript中获取某标签的方式:
1)通过ID名获取某标签:
document.getElementById(“标签ID名”)
2):修改或获取某标签的内容:
document.getElementById(“标签ID名”).innerHTML
3) 修改某标签的属性值:
document.getElementById(“标签ID名”).属性名

	4) 通过标签name获取一组标签
		document.getElementsByName("name名");
	5) 通过标签名获取一组标签
		document.getElementsByTagName("标签名");

6 使用javascript设置或获取表单元素的值
document.getElementById(“ID名”).value

JavaScript中的变量

javascript:是弱类型语言。
一 存储数据的容器–》变量
使用变量的步骤:
1 定义变量
语法:
var 变量名;
2 给变量赋值
变量名=值;
1和2 可以合在一起写:
var 变量名=值;
3 使用变量 :通过变量名访问到变量中的值
二 变量值的类型:
数值类型: 整数和小数 : number
字符串类型 : 使用""或’'引起来一串字符: string | String
真假表示: true|false ==>boolean
对象类型: Object
undefined: 未赋值变量

三	变量名的命名要求:
		1)可以包含:字母,数字,_,$  
		2) 不能以数字开头
		3) 不能使用js中的关键词: var,function,
		4) 建议起的名字有含义:见名知义。
		5) 如果名称有多个单词组成,第一个单词首字母小写,其他单词首字母大写
		6)在js中名称都是区分大小写的

四、变量的分类
变量是有作用域的:变量的有效范围; { }
公共变量: 定义在所有函数的外面。所有的函数都可以使用。
局部变量: 定义在函数内部的,仅在此函数中可用。

数据类型转换

一 、 把字符串转成数值类型
parseInt(值) :把文本转成整数类型
parseFloat(值): 把文本转成小数类型

示例:
	 parseInt("123")=>123  parseInt("123a") ==>123
	parseInt("abc")  ==>NaN

注意:如果字符串中第一个字符为数字,则转成成功,转到第一个非数字字符为止。
	如果字符串中第一个字符为非数字,则转换失败,返回 NaN
	NaN:not a number

二 判断字符串中的字符是否为非数字
isNaN(值) : 如果是非数字返回true, 如果是数值则为false

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值