莫名其妙的js基础学习!
JavaScript基本组成部分:
1,ECMAScript:js的语法标准,基本的变量,运算符,函数,if语句,for语句等
2,DOM:操作网页上的元素API,比如盒子的移动,变色,轮播图等。
3,BOM:操作浏览器部分的API功能
alert语句:
1,弹出警告框语句,主要用于在网页中弹出提示。
基本代码:
<script type="text/javascript">
alert(2345678)
</script>
2,注释方式两种;
1,/**/ 多行注释
2,//单行注释
3,控制台输出:console.log("")
4,prompt()语句:用户对话框输入。
<script type="text/javascript">
var a = prompt("你好!") //对话框
console.log(a) //输出
</script>
5,变量的命名和python一样,但是使用驼峰体比较多
数据类型:
类型查看方式:typeof
1,number 数字类型:
var a = 1234;
console.log(typeof a)
2,string :字符串
var str = "123"
console.log(typeof str)
3,boolean:布尔值于python类似
4,null:空对象
5,undefined:变量未定义
6,运算符需要注意的就只有 === 这个是判断数据类型和数值是否都完全相同
关于拼接贼他妈恶心!!!只要有一个str,配合+就是拼接
7,数字类型转换,强转就好!!
8,流程控制!
1,if,if-else,if-else if-else:
var ji = 20;
if(ji>10){
console.log(ji)
}
alert("baichi")
//这是最简单的使用方式,只有if存在
var ji = 20;
if(ji>=20){
console.log('2333')
}else{
console.log('js是sb!')
}
//简单运用
if (true) {
//执行操作
}else if(true){
//满足条件执行
}else if(true){
//满足条件执行
}else{
//满足条件执行
}
和python有区别,需要加上if才能扩充
2,&&和|| 相当于and 和 or python的所以不加解释
3,switch 需要重点记忆一下!
var sb = "js"
swich(sb)//条件{
case "js":
console.log("说的真棒!")
break; //需要注意必须要break
case "python":
console.log("你会死的很有逻辑感")
break;
case "css":
console.log("你傻逼吧!")
break;
}
4,while循环,基本相同,改变就在于条件和循环体需要套上括号
5,do_while 先执行do,再执行while循环。
6,for循环
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
// for (var i = 0; i <= 5; i++) {
// for (var k = 0 ; k <= i; k++) {
// document.write("*")
// }
// document.write("<br>")
// // console.log("*")
// }
for (var i = 1; i <= 6; i++) {
for (var j = i; j <= 6 ; j++) {
document.write("7")
} for (var k = 1 ; k <= 2*i-1; k++) {
if(k == 1 || k == 2*i-1||i == 6){
document.write("0")
}else{
document.write("6")
} }
document.write("<br>")
} </script>
</head>
<body> </body>
</html>
//这是空心三角形的实现方法!
莫名其妙的js基础学习!的更多相关文章
- JS基础学习——对象
JS基础学习--对象 什么是对象 对象object是JS的一种基本数据类型,除此之外还包括的基本数据类型有string.number.boolean.null.undefined.与其他数据类型不同的 ...
- JS基础学习——闭包
JS基础学习--闭包 什么是闭包 闭包的定义如下,它的意思是闭包使得函数可以记住和访问它的词法范围,即使函数是在它声明的词法范围外执行.更简单来讲,函数为了自己能够正确执行,它对自己的词法范围产生闭包 ...
- JS基础学习——作用域
JS基础学习--作用域 什么是作用域 变量的作用域就是变量能被访问到的代码范围,比如在下面的这个js代码中,变量a的作用域就是函数foo,因此在全局作用域内的console.log(a)语句不能访问到 ...
- JS 基础学习随想
2012年就已经接触过了js,给我的印象:这是一门谈不上复杂的语言.大概这就是所谓的学的越浅,用的越少,觉得自己会的东西好像得更多吧!开始做基础练习题的时候觉得好像都十分简单.可是后来在做到对象数组的 ...
- handlebars.js基础学习笔记
最近在帮学校做个课程网站,就有人推荐用jquery+ajax+handlebars做网站前端,刚接触发现挺高大上的,于是就把一些基础学习笔记记录下来啦. 1.引用文件: jquery.js文件下载:h ...
- JS基础学习1
1 JS 概述 一个完整的javascript实现是由以下3个不同部分组成的: (1) 核心(ECMAscript) (2) 文档对象模型(DOM) Document object ...
- JS基础学习篇(一)
近来一直在学习js和jquery.刚刚进入前端工作还没有多久,虽然大学里学习的是编程自认为也学的还可以,但前端接触的不多,一直认为前端十分简单.其实不然,特别是工作的时候要自己设计一个完整的项目前端, ...
- Node.js基础学习四之注册功能
前言:在Node.js学习(二)和(三)中介绍了如何在Node.js 中获取登录的用户名和密码与数据库进行验证并返回数据给客户端 需求:实现注册功能 为了区分登录和注册是两个不同的请求,在端口后面加上 ...
- 两万字Vue.js基础学习笔记
Vue.js学习笔记 目录 Vue.js学习笔记 ES6语法 1.不一样的变量声明:const和let 2.模板字符串 3.箭头函数(Arrow Functions) 4. 函数的参数默认值 5.Sp ...
随机推荐
- kotlin for android----------MVP模式下(OKHttp和 Retrofit+RxJava)网络请求的两种实现方式
今天要说的干货是:以Kotlin,在MVP模式下(OKHttp和 Retrofit+RxJava)网络请求两种实现方式的一个小案例,希望对大家有所帮助,效果图: Retrofit是Square公司开发 ...
- linux限定用户目录及权限
setfacl -m u:username:rwx dir/file -m:添加或者修改 u[设置用户]:username[用户名]:rwx[设置权限] g[设置组]:groupname[组名]: ...
- 1004: [HNOI2008]Cards burnside定理
https://www.lydsy.com/JudgeOnline/problem.php?id=1004 输入数据保证任意多次洗牌都可用这 m种洗牌法中的一种代替,且对每种洗牌法,都存在一种洗牌法使 ...
- anaconda的一些命令
先安装好TensorFlow. 1.安装sklearn 本安装方式是在anaconda prompt上用命令来更新 (1)激活TensorFlow:activate tensorflow (2)查看是 ...
- UVA-11294 Wedding (2-SAT)
题目大意:一张长桌,n对夫妻,编号为0~n,这些人要坐在长桌两侧,每对夫妻不能坐在同一侧.其中,有2*m个人相互讨厌,编号为0的夫妻中的妻子不愿意让对面那一侧中有两个相互吵过架的人,找一种排座位方案. ...
- linux下使用FreeRDP 连接 Windows 远程桌面
linux下使用FreeRDP 连接 Windows 远程桌面 简介 FreeRDP 是一款开源的远程桌面系统,支持多种平台, 在 ubuntu 中使用 FreeRDP 可以很方便的登录到 win ...
- Sumlime text3 安装包、汉化包、注册码
Sumlime text3 安装包.汉化包.注册码 http://files.cnblogs.com/files/panmy/%E5%9C%86%E8%A7%92.rar
- Webstorm常用快捷键大全
webstorm应该是目前最强的js编辑器了,结合sublime text可以很效率的开发项目.今天整理了一些webstorm比较实用的快捷键: Ctrl+/ 或 Ctrl+Shift+/ 注释(// ...
- iOS笔记杂记
Google Mobile Ads SDK更新至7.2.1不能编译,添加依赖库QuartzCore.framework后正常编译 imageName会把image缓存到手机内存里,不适合大量图片浏览会 ...
- resizable可调整尺寸组件
Resizable 可调整尺寸不依赖于其他组件 1.用法:通过标记创建可调整尺寸(resizable)对象 <div class="easyui-resizable" sty ...