JS基础学习笔记

最新推荐文章于 2024-07-08 16:22:29 发布

什么昵称已存在

最新推荐文章于 2024-07-08 16:22:29 发布

阅读量106

点赞数

分类专栏：笔记文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_51762665/article/details/117628153

版权

笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

看的视频是翁恺老师讲的Javascript,视频不是很长，不过了解js基础足够了，想深入学还得看别的+多多练习

一开始在代码中记的笔记:

<!DOCTYPE html>
<html>
    <head>
        <title>JS学习</title>
    </head>
    <body onload="alert('hi')">
        <!-- 网页打开出现hi的提示 -->
        <!-- alert产生对话框 -->
        <script>
            document.write("hello world!<br/>");
            // document是浏览器的页面（称为对象）
            // .表示左边的做右边的动作
            // write表示“写”
            //hello 是字符串，放在""里面
            //结尾要加分号
            var hello;
            //一个名叫hello的变量
            //var 定义变量
            //JS中变量没有类型，赋给变量的值有类型
            hello = "hello";    //赋值
            document.write(hello+"<br/>");
            var age = 16;
            var ot = true;
            document.write(hello + age+"<br/>");    //对于字符串“+”就是字符串连接，输出hello16
            //加减乘除取模，比较大小，++--什么的都和C差不多
            //JS中数字不区分整数浮点数啥的，但是内部有范围
            var age1 = 20;
            var age2 = 30;
            document.write(age1 <= age2+"<br/>");   //输出true
            
            //判断语句
            //if-else语句
            //建议在if和else后面永远放一对{}，可以保证不犯错误
            if (age > 18){
                alert("成年啦");
            }
            else{
                alert("还小呢");
            }
            alert("好啦好啦知道辣")
            //switch-case语句
            var t = 2;
            switch (t) {
                case 1:
                    alert("你好");
                    break;
                case 2:
                    alert("早");
                    break;
                default:    //默认
                    alert("WTF???");
            }

            var o = new Object();
            o.name = "John";
            o.age = 30;
            o.salary = 300;
            for (var x in o){
                alert(x);
                alert(x + "=" + o[x]);
            }

            if (confirm("还继续吗？")){
                alert("继续");
            }
            else {
                alert("再见");
            }
            var name = prompt("你的名字是： ");
            alert("hello"+name);
        </script>
    </body>
</html>

后面用markdown做的笔记:

JavaScript介绍

是一种可以在浏览器中运行的脚本语言
主要用来实现在浏览器端的动作
- 用户交互
- 数据处理
JavaScript是解释性语言
HTML中的js
- 在head中定义函数
  - <script languang = “JavaScript”>
- 在相应标记中定义动作
  - <onXXX="">

变量和计算

变量

用于存放数据的东西
var：用于定义变量

计算

控制

判断

if-else语句

//建议在if和else后面永远放一对{}，可以保证不犯错误
  if (age > 18){
      alert("成年啦");
  }
  else{
      alert("还小呢");
  }
  alert("好啦好啦知道辣")

switch-case语句

  var t = 2;
  switch (t) {
      case 1:
          alert("你好");
              break;
      case 2:
          alert("早");
              break;
      default:    //默认
          alert("WTF???");
  }

逻辑计算
- and：&&
- or：||
- not：!
优先级
- 所有的逻辑运算符的优先级都低于关系运算符
- ! > && > ||
条件运算符（三元运算符）
- 格式：<exp>?<v1>:<v2>
- 解释：
```
if (exp){
    v1;
}
else{
    v2;
}
```

循环

while语句

while语句让同一段代码可以重复执行很多次

//先判断再循环
//举例
var count = 1;
var LIMIT = 5;
while (count <= LIMIT){
    alert(count);
    count = count + 1;
}

do-while语句

//循环一次之后才开始判断
do{

}while();

for语句

//举例
for (i=0; i<5; i=i+1){
    alert(i);
}

函数

函数就是一段代码，我们给它起个名字，放起来，以后可以用
JavaScript有很多内置函数，能帮助我们实现很多有用的功能
定义函数
- function fun_name(){}
- var f = new Function(“x”,“y”,“return x*y”); 等价于 function f(x,y){return x*y;}
- 其他的和其他语言都差不多的样子…
变量空间
- 定义在函数外的变量在整个页面中都有效
- 定义在函数内部的变量只在函数内有效

数组

var marks = new Array(); 创建一个数组marks
marks[0] ：[]可以访问数组，数组从0开始
数组长度：marks.length给出数组marks的长度
- .length可写
堆栈操作
- .push
- .pop
队列操作
- .push
- .shift
排序操作
- .sort
- .reverse 按顺序颠倒
其他操作
- .concat 连接
- .slice 取出某一部分作为新数组
- .splice(开始位置，删除个数，插入元素)

对象

对象是JavaScript的一种复合数据类型，它可以把多个数据集中在一个变量中，并且给其中的每个数据起名字
或者说，对象是一个属性集合，每个属性有自己的名字和值
- JavaScript并不像其他OOP语言那样有类的概念，不是先设计类再制造对象
创建对象
- var o = new Object();
- var ciclr = {x:0,y:0,radius:2};
访问对象属性
- .运算符
删除对象属性
- delete book.chapter1;

遍历所有属性

for (var x in o)…

var o = new Object();
o.name = "John";
o.age = 30;
o.salary = 300;
for (var x in o){
  alert(x);
  alert(x + "=" + o[x]);
}

浏览器里的JavaScript

window

浏览器的全局对象是window
所有全局的变量实际上是window的成员
```
var answer = 12;
alert(window.answer);
```
window.document表示浏览器窗口中的HTML页面
document.write()将内容写入页面
页面中的元素就是document里的成员
HTML中的JavaScript
- 在<script></script>标记中
- 在<script>的src属性或archive指定的外部文件中
  - <script src = “”></script>
  - 一个纯粹的代码文件，没有HTML标记
- 在某个HTML标记的事件处理器中
  - <p onMouseOver = “”> 鼠标移动到上面时
  - body事件
    - onLoad 页面显示之前
    - onUnload 页面关掉之前
- 简单对话框
  - alert
  - confirm
  - prompt
- 状态栏（在页面最下面（左下角？））
  - status =
  - defaultStatus =
- 定时器
  - setInterval()
window的控制方法
- window.open()
- windoe.close()
location对象
- window.location代表当前文档的URL

document

document的成员
- anchors[]
- forms[]
- images[]
- cookie
- title
- bgColor
- fgColor
- linkColor
- alinkColor
- vlinkColor

什么昵称已存在

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JS基础学习笔记

看的视频是翁恺老师讲的Javascript,视频不是很长，不过了解js基础足够了，想深入学还得看别的+多多练习一开始在代码中记的笔记:<!DOCTYPE html><html> <head> <title>JS学习</title> </head> <body onload="alert('hi')">  .
复制链接

扫一扫