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>
- // 这是空心三角形的实现方法!
来源: http://www.bubuko.com/infodetail-2622931.html