大佬教程收集整理的这篇文章主要介绍了Javascript 20分钟快速入门,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
简介:
JavaScript是目前web开发中不可缺少的脚本语言,js是解释性语言,不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行JavaScript代码。
诞生于1995年,当时的主要目的是验证表单的数据是否合法。
JavaScript本来应该叫Livescript,但是在发布前,想搭上当时超热的java,临时把名字改为了JavaScript。(也就是说js跟java没有关系,当时只是想借助java的名气)。
(1)核心(ECMAScript):这一部分主要是js的基本语法。
(2)BOM:Brower Object Model(浏览器对象模型),主要是获取浏览器信息或操作浏览器的,例如:浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。
(3)DOM:Document Object Model(文档对象模型),此处的文档暂且理解为html,html加载到浏览器的内存中,可以使用js的DOM技术对内存中的html节点进行修改,用户从浏览器看到的是js动态修改后的页面。(增删改查)
内嵌式:
理论上js可以书写在页面的任意位置。
<script>
// js标签内的js代码
alert('Hello World!');
</script>
外链式:
首先新建一个文件类型为.js的文件,然后在该文件中写js语句,通过script标签对引入到html页面中。
<script src="js文件路径地址">这里不能写js语句</script>
行内式:
直接书写在标签身上,是一个简写的事件,所以又称之为事件属性。 onclick单击事件
<input type="button" value="点我" onclick="alert('木有');">
<button onclick="alert('恭喜你,一个对象到手');">点我</button>
两种注释:单行注释和多行注释,注释是用于表示解释代码的,并不会被执行,是给我们程序员看的,方便增删改查……
//我是一个单行注释
/*
我是
一个
多行
注释
*/
<script>
//定义变量
var num = 1;
var name = 'liusen'
</script>
万物皆var
命名规范:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
//定义变量
var num = 79;
var name = 'liusen'
//条件控制
if(num>60 && num<70){
alert('及格');
}else if(num>70 && num<80){
alert('良好');
}else{
alert('其他');
}
</script>
</head>
<body>
</body>
</html>
运行结果:
注意:Javascript是严格区分大小写的
调试:浏览器打开----检查-----控制台
Elements:元素
Console:控制台
Sources:源码,调试
Network:网络
Application:应用
打断点调试
number:js不区分整数和小数
123 //整数
123.3 //浮点数
123e3 //科学计数法123000
-99 //负数
NaN //not a number
Infinity//无穷
字符串
'abc' "abc"
'n'
布尔值
false
true
逻辑运算
&& //两个都为真,结果为真
|| //一个为真,结果为真
! //真即假,假即真
比较运算符⭐⭐⭐
= //赋值
== //等于,类型不一样,值一样,也会判断为true
=== //绝对等于,类型一样值一样,才会判断为true
这是一个js的缺陷,坚持不要用==比较
浮点数问题:
尽量避免使用浮点数进行运算,存在精度问题
Math.abs(1/3-(1-2/3))<0.000000001
null和undefined
数组
Java的数组必须是相同类型的,js中不需要这样!
//保证代码的可读性,尽量使用[]
var arr = [1,2,3,4,5,'hello',null,true];
new Array(1,2,3,4,5,'Hello');
数组下标越界,会:
对象
var person = {
name:"liusen",
age:3,
ta:['js','CSS','html']
}
对象是一个大括号,数组是中括号
每个属性之间用逗号隔开,最后一个不需要添加
娶对象的值:
person.age
> 3
person.name
> "liusen"
以上是大佬教程为你收集整理的Javascript 20分钟快速入门全部内容,希望文章能够帮你解决Javascript 20分钟快速入门所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。