莫名其妙的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 ...
随机推荐
- 设计模式--单例模式C++实现
单例模式C++实现 1描述: 单例模式,又称单件模式. 定义:确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例. 2具体类图描述: 2.1 StartUML内部生成模式类图 该类图由S ...
- 玲珑oj 1121 思维
1121 - Reverse the lights Time Limit:2s Memory Limit:256MByte Submissions:376Solved:111 DESCRIPTION ...
- IOS-第三方开源库
我找的琐碎框架 1.HZExtend:应用快速开发架构集合了MVC和MVVM的特点https://github.com/GeniusBrother/HZExtend : 1.减少控制器压力以及耦合 2 ...
- h5和app原生联调触发方法
//路径跳转 urlHref(item) {//人物.访谈.动态是一个页面 var para = {}; para.title = "动态详情"; para.type = &quo ...
- 关于vue+element-ui的table多选禁用某个按钮
在我做的项目中,有这样一个需求:当table多选没有勾选数据的时候禁用掉导出按钮 效果如图: 当选择一个时候可以导出这行的数据 在按钮定义 :disabled="selected ...
- iOS开发探索-高斯模糊&毛玻璃效果
iOS开发中有的时候需要将图片设置模糊,来实现特定的效果获取更好的用户体验, iOS7之后半透明模糊效果得到大范围使用的比较大,现在也可以看到很多应用局部用到了图片模糊效果,可以通过高斯模糊和毛玻璃效 ...
- ASP.NET MVC 中使用用户控件——转
讲讲怎么在 ASP.NET MVC2中使用用户控件.首先我们新建一个用户控件, 我们命名为SelectGroup.ascx,代码如下 <%@ Control Language="C ...
- Android程序员学WEB前端(5)-HTML(5)-框架集-Sublime
转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76576279 觉得博文有用,请点赞,请评论,请关注,谢谢!~ 框架集: index7. ...
- Android Studio3.0 新特性 ～ New Features in Android Studio Preview (译文)
原文地址:https://developer.android.google.cn/studio/preview/features/index.html 最新Android Studio版本是Andro ...
- Python2、3学习及迁移
一.Python2.7 Python 2.7教程 - 廖雪峰的官方网站 Python 基础教程 | 菜鸟教程 二.Python3 Python教程 - 廖雪峰的官方网站 Python3 教程 | 菜鸟 ...