一、JS
(1)什么是JS
“JS” 全名“ Javascript ”事件驱动式的编程语言(所有的事件)都会有功能来回应,在浏览的所有操作都被称为事件。
(2)为什么使用JS
1、表单验证(可以让数据是否合法应用)
2、跟客户可以进行交互
3、可以做网页特效,比如:贪吃蛇、2048、打地鼠。
二、如何写JS代码
(1)第一种方式:行内JS,写在HTML标签里面。
<div onclick="alert('让你点就点啊')">点我</div>
在页面会有一个点我的文字,我们点击会出现一个警告框; onclick(点击)alert(警告框)
(2)第二种方式:內嵌样式(跟我们学css的意思差不多)
使用一对“ script ”标签,script标签可以放在任何位置,就像我们用的css标签放在代码head里面,普通标签放在代码body里,切记一点:“script标签尽量放在body结尾处上面”。这样代码在运行我们命令的时候不会让我们加载错误。
<script>
alert('刚刚好就是作业')
</scrpit>
(3)第三种方式:外键JS(可以引入其他的JS文件进行更改)
在原有的script里面加上src链接js文件
<script src=" 内容">
alert('警告框内容')
</script>
sceip t加上 src 属性,则 srcpit 标签里面不可以在添加内容。
三、JS的输入方式
(1)警告框(’单引号+内容‘)
alert(' ')
输入内容是字母或者中文要加上引号
(2)在文档中添加内容
document.write(内容)
(3)往内部写文本
innerText/innerHTML
如:<div id="aa"></div>
<script>
aa.innerText='内容';
innerText会将标签当成普通文本使用
innerHTML='<h1>内容</h1>
inneHTML解析文本,可以使用标签
inneHTML在script同时使用会覆盖掉innerText
HTML和Text必须大写
(4)在控制台里面输入内容
console.log(内容)
经常在调试代码中使用
四、JS的语法
(1)语句后面记得加分号 ;
(2) 注释:单行注释//内容,用ctrl+/。多行注释内容,用/* 内容*/。
(3)变量:
1、什么是变量:(容器)。储存某些值的内容,为了区分各种容器,给容器加上ID。
变量名=变量值
2、变量名的要求
{1} 不能以数字开头命名
{2} 不建议用中文来命名
{3} 只能用字母、数字、下划线、来命名,但是数字不能开头,可以跟在字母后面
{4} 严格区分大小写,如A和a是两个不同的变量
{5} 不能使用js提供的关键词来写变量名。
用ver开头表示变量
五、变量值的类型
提醒一下:typeof( )获取类型 console.log(typeof( ) );在控制台查找类型
1、数值类型 number
以数值为变量值的
// 数值类型 number
var a=3;
console.log(typeof(a))
2、字符串类型 string
加上引号的,就是字符串类型
// 字符串 string
var a='123'
console.log(typeof(a))
引号不能嵌套自己,可以互相嵌套
3、布尔类型 bool
判断真假的变量,真( true )、假( false )
// 布尔类型 bool
// 真(true)
console.log(10>8);
10大于8是正确,控制台直接显示true
// 假(false)
console.log(88<33);
88小于33是错误,控制台直接判断是假的false
4、未定义类型 undefined
// undefined 未定义
var r;
console.log(typeof(r));
如果定义变量时,没有值的情况下,变量值会默认的值就是 undefined
5、空类型 null
// null 空类型
var bb=null
console.log(typeof(bb))
可以用于释放变量内容,删除内容变量
如果明确表示这个变量没有值时,就可以命名为null
注意:undefined经常未定义,是被默认为有值undefined;而null是没有任何值。
okk,今天了解了什么是JS和变量值以及类型,收获了一天的成果,继续努力吧!!!